joerj123.github.io/styles.css at main · joerj123/joerj123.github.io · 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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
/* SPECIFICATION
Have at least one stylesheet file of your own creation, styles.css,
which uses at least five (5) different CSS selectors (e.g. tag (example),
class (.example), or ID (#example)), and within which you use a total of
at least five (5) different CSS properties, such as font-size, or margin; and */


.cookies
{
    font-size: 1rem;
    color: DarkGrey;
}

.vidheader
{
    position: relative !important;
    max-height: 100vh;
    min-height: 25rem;
}

a.nav-link
{
    color: white;
}

footer>a
{
    color: white;
    font-size: 2rem;
    padding: 0.5rem;
}

footer>p
{
    color: DarkGrey;
}

.html, .body, .wrapper
{
    height: 100vh;
}

.padding-default
{
    padding: 2rem;
}
.custom-cards
{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.white-style
{
    color: white;
}
.page-content
{
    margin-left: 5%;
    margin-right: 5%;
}
.active
{
    font-weight:bold;
    text-decoration: overline;
}
.big-footer
{
    position: relative;
    bottom: 0;
}
h1
{
    margin-top: 3rem;
}
h4
{
    margin-top: 3rem;
    color: #6c757d;
}
h3
{
     color: #6c757d;
}
.hero-parent
{
    display: flex;
    min-height: 90vh;
}
.hero-child
{
    margin:auto;
}

.hero-child h1
{
    margin-top: 0rem;
}

.card .card-img-right
{
    width: 200px;
    height: 250px;
}