diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 166 |
1 files changed, 87 insertions, 79 deletions
diff --git a/src/style.css b/src/style.css index 1d0de70..d5a6b8c 100644 --- a/src/style.css +++ b/src/style.css @@ -1,131 +1,139 @@ @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap'); :root { - /* COLOURSCHEME 1, BLUE */ - /* - --background: #121d28; - --text: #bbd7f2; - --header: #bbd7f2; - --secondary: #76baf9; - --highlight: #7ceea7; - */ - /* COLOURSCHEME 2, ORANGE */ - /* - --background: #141210; - --header: #fdb04d; - --text: #faca8b; - --secondary: #ee8041; - --highlight: #ee4c41; - */ - /* COLOURSCHEME 3, RED? */ - --background: #1E1B1B; - --text: #F5F5F5; - --header: #F5F5F5; - --secondary: #FF5A5F; - --highlight: #FF8A8C; + /* COLOURSCHEME 1, BLUE */ + /* + --background: #121d28; + --text: #bbd7f2; + --header: #bbd7f2; + --secondary: #76baf9; + --highlight: #7ceea7; + */ + /* COLOURSCHEME 2, ORANGE */ + /* + --background: #141210; + --header: #fdb04d; + --text: #faca8b; + --secondary: #ee8041; + --highlight: #ee4c41; + */ + /* COLOURSCHEME 3, RED? */ + --background: #1E1B1B; + --text: #F5F5F5; + --header: #F5F5F5; + --secondary: #FF5A5F; + --highlight: #FF8A8C; } body { - margin: 0px; - background-color: var(--background); + margin: 0px; + background-color: var(--background); } @media (max-aspect-ratio: 6/7) { - .contentpane { - margin: auto; - width: 100%; - min-height: 100%; - } + .contentpane { + margin: auto; + width: 100%; + min-height: 100%; + } } @media (min-aspect-ratio: 7/7) { - .contentpane { - margin: auto; - width: 60%; - min-height: 100%; - } + .contentpane { + margin: auto; + width: 60%; + min-height: 100%; + } } p { - text-align: left; - text-indent: 25px; - font-family: 'Quicksand', sans-serif; - font-size: 16pt; - color: var(--text); - padding: 8px 50px 8px 50px; + text-align: left; + text-indent: 25px; + font-family: 'Quicksand', sans-serif; + font-size: 16pt; + color: var(--text); + padding: 8px 50px 8px 50px; } h1 { - text-align: center; - font-family: 'Quicksand', sans-serif; - font-size: 30pt; - font-weight: 600; - color: var(--header); - padding: 50px 50px 3px 50px; - margin: auto auto 0px auto; + text-align: center; + font-family: 'Quicksand', sans-serif; + font-size: 30pt; + font-weight: 600; + color: var(--header); + padding: 50px 50px 3px 50px; + margin: auto auto 0px auto; } h2 { - text-align: center; - font-family: 'Quicksand', sans-serif; - font-size: 24pt; - font-weight: 600; - color: var(--header); - padding: 8px 50px 8px 50px; + text-align: center; + font-family: 'Quicksand', sans-serif; + font-size: 24pt; + font-weight: 600; + color: var(--header); + padding: 8px 50px 8px 50px; } h3 { - text-align: center; - font-family: 'Quicksand', sans-serif; - font-size: 16pt; - font-weight: 600; - color: var(--text); - padding: 8px 50px 8px 50px; + text-align: center; + font-family: 'Quicksand', sans-serif; + font-size: 16pt; + font-weight: 600; + color: var(--text); + padding: 8px 50px 8px 50px; } h3.nav { - padding: 3px 50px 8px 50px; - margin: 0px auto auto auto; + padding: 3px 50px 8px 50px; + margin: 0px auto auto auto; } ul h3 { - font-style: italic; - text-align: left; - text-indent: 25px; - padding: 8px 50px 8px 2px; + font-style: italic; + text-align: left; + text-indent: 0px; + padding: 8px 50px 8px 50px; } ul h3 a { - font-style: italic; + font-style: italic; +} + +ul p { + text-indent: 0px; + font-family: 'Quicksand', sans-serif; + font-size: 16pt; + color: var(--highlight); + padding: 8px 50px 8px 50px; } a { - color: var(--secondary); - font-family: 'Quicksand', sans-serif; + color: var(--secondary); + font-family: 'Quicksand', sans-serif; } a:hover { - color: var(--highlight); + color: var(--highlight); } a.backbutton { - font-style: normal; - font-size: 80%; - text-decoration: none; - padding: 0px; + font-style: normal; + font-size: 80%; + text-decoration: none; + padding: 0px; } ul { - list-style-position: outside; - padding: 0px 0px 0px 75px; + list-style-position: outside; + padding: 0px 0px 0px 75px; } li { - color: var(--highlight); + color: var(--highlight); } .footer { - width: auto; - margin: auto; + width: auto; + margin: auto; } .ascii { - color: var(--secondary); + color: var(--secondary); } |