summaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'style.css')
-rw-r--r--style.css21
1 files changed, 15 insertions, 6 deletions
diff --git a/style.css b/style.css
index 6288abe..f97579b 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
+
:root {
/* COLOURSCHEME 1, BLUE */
/*
@@ -15,14 +16,12 @@
--secondary: #ee8041;
--highlight: #ee4c41;
}
-body{
+
+body {
margin: 0px;
-}
-.background {
background-color: var(--background);
- width: 100%;
- min-height: 100%;
}
+
@media (max-aspect-ratio: 6/7) {
.contentpane {
margin: auto;
@@ -30,6 +29,7 @@ body{
min-height: 100%;
}
}
+
@media (min-aspect-ratio: 7/7) {
.contentpane {
margin: auto;
@@ -37,6 +37,7 @@ body{
min-height: 100%;
}
}
+
h1 {
text-align: center;
font-family: 'Quicksand', sans-serif;
@@ -45,6 +46,7 @@ h1 {
color: var(--header);
padding: 50px 14px 15px 14px;
}
+
p {
text-align: left;
text-indent: 25px;
@@ -53,14 +55,17 @@ p {
color: var(--text);
padding: 8px 50px 8px 50px;
}
+
a {
color: var(--secondary);
font-family: 'Quicksand', sans-serif;
- font-style: italic;
+ font-style: italic;
}
+
a:hover {
color: var(--highlight);
}
+
ul h2 {
text-align: left;
text-indent: 25px;
@@ -71,20 +76,24 @@ ul h2 {
color: var(--text);
padding: 15px 50px 15px 5px;
}
+
h2 a {
font-size: 100%;
font-style: italic;
}
+
a.backbutton {
font-style: normal;
font-size: 80%;
text-decoration: none;
padding: 0px;
}
+
ul {
list-style-position: outside;
padding: 0px 0px 0px 75px;
}
+
li {
color: var(--highlight);
} \ No newline at end of file