-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
44 lines (42 loc) · 1.37 KB
/
style.css
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
:root {
--universal-margin: 0px !important;
--universal-height: 100vh;
--universal-width: 100vw;
--universal-center-text: center;
--large-font: 85px;
--medium-font: 50px;
--small-font: 30px;
--tiny-font: 18px;
--font-avenir: Avenir;
--font-dosis: 'Dosis';
--font-roboto: 'Roboto Mono';
--font-oldenburg: 'Dawning of a New Day';
--font-abril-fatface: 'Abril Fatface';
--font-press-start: 'Press Start 2P';
--enter-bg-color: #5BA46B;
--enter-text-color: #A45B94;
--enter-border: 10px solid var(--enter-text-color);
--home-bg-color: #A6B847;
--home-text-color: #5947B8;
--home-border: 10px solid var(--home-text-color);
--portfolio-bg-color: #9D6279;
--portfolio-text-color: #629D86;
--portfolio-border: 10px solid var(--portfolio-text-color);
--form-bg-color: #609F9D;
--form-text-color: #9F6062;
--form-border: 10px solid var(--form-text-color);
--about-bg-color: #867689;
--about-text-color: #C0B8C2;
--about-border: 10px solid var(--about-text-color);
}
body {
font-family: var(--font-avenir);
margin: var(--universal-margin);
min-width: 500px !important;
height: 100vh;
}
.centered {
font-size: var(--medium-font);
/* text-align: var(--universal-center-text); */
text-align: center; /* Had to do it this way because Microsoft Edge is horrible */
}