Video-Interview-Webpage/InterviewStyle.css at master · Darkspur/Video-Interview-Webpage · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
:root {
    --main-color: #ebebeb;
    --secondary-colorA: #f5f5f5;
    --secondary-colorB:#1c1a1a;
    --neutral-color: #242424;
    --heading-color: #3b8cdb;
}

body{
    background-color: var(--secondary-colorA);
}

nav{
    background-color: var(--secondary-colorB);
}

.card .card-header{
    background-color: var(--neutral-color);
    color: var(--heading-color);
}

.card {
    background-color: var(--main-color);
    color: var(--neutral-color);
    border: 2px solid #242424;
}

.btn-group-vertical button{
    background-color: var(--neutral-color);
    color: var(--secondary-colorA);
    width: 60px;
    height: 60px;
    border-radius: 15px;
}

.btn-group-vertical button:active {
    background-color: var(--secondary-colorB);
    color: var(--secondary-colorA);
    width: 60px;
    height: 60px;
    border-radius: 15px;
}

button, #prev, #next {
    background-color: var(--neutral-color);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: var(--secondary-colorA);
    padding: 10px;
    margin-left: 10px;
}

button, #save {
    background-color: var(--neutral-color);
    width: 120px;
    height: 80px;
    border-radius: 10px;
    color: var(--secondary-colorA);
    padding: 10px;
    margin-left: 70px;
}

button, #save:active {
    background-color: var(--secondary-colorB);
}

.form-group textarea {
    border: 2px solid #242424;
}