dannybdev.tngl.sh
Test Profile
1:root {
2 --blue: #2c4c5c;
3 --gray: #b8bfc1;
4 --yellow: #f3e308;
5 --lightBlue: #6c8494;
6 --yellowGreen: #9cac54;
7 --lightGreen: #97cd97;
8 --hackerGreen: #70ffaf;
9 --teal: #a7f0dd;
10 --white: #f4fcfb;
11 --black: #000000;
12
13 /*Margins*/
14 --margin-PC: 3.5rem;
15 --margin-Tablet: 2.5rem;
16 --margin-Phone: 1.5rem;
17 /*Breakpoints*/
18 --BreakL: 1328px;
19 --BreakM: 900px;
20 --BreakS: 672px;
21}
22
23#Footer {
24 width: 100%;
25 line-height: 2.6rem;
26 padding: 2.5rem;
27 color: white;
28 background: var(--blue);
29 /*
30 position: fixed;
31 bottom: 0;
32 height: 9rem; */
33
34 @media (min-width: 672px) {
35 position: unset;
36 height: unset;
37 }
38}
39
40.LinkNav {
41 margin: 0 auto;
42 display: flex;
43 justify-content: center;
44}
45
46.LinkNav ul {
47 display: flex;
48}
49
50.LinkNav li {
51 list-style-type: none;
52 text-decoration: none;
53 transition: transform 0.3s ease-in-out;
54}
55
56.LinkNav a {
57 margin-left: 2rem;
58 transition: color 0.3s ease-in-out;
59}
60
61@media (min-width: 750px) {
62 .LinkNav a {
63 font-size: 1rem;
64 }
65}
66
67.LinkNav li:hover {
68 transform: scale(1.1);
69}
70
71.LinkNav li:hover a {
72 color: black;
73}
74
75.Footer-Icon {
76 height: 2rem;
77 width: auto;
78}
79
80@media (min-width: 750px) {
81 .Footer-Icon {
82 height: 2rem;
83 }
84}
85
86.Hidden {
87 display: none;
88}