summaryrefslogtreecommitdiff
path: root/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'index.css')
-rw-r--r--index.css21
1 files changed, 13 insertions, 8 deletions
diff --git a/index.css b/index.css
index 385fd5c..c07ffa8 100644
--- a/index.css
+++ b/index.css
@@ -2,12 +2,11 @@ body {
width: 60vw;
height: 100vh;
font-family: "Noto Sans", 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- font-size: 16px;
+ font-size: 14px;
background-color: transparent;
color: black;
padding: 0;
margin: auto;
- line-height: 1.5;
}
header {
@@ -23,7 +22,7 @@ header > h1 {
}
header > nav {
- margin-top: 0.5rem;
+ margin-top: 2rem;
margin-bottom: 1rem;
padding-left: 0.25rem;
}
@@ -57,7 +56,7 @@ h1 {
}
h2 {
- font-size: 1.875rem;
+ font-size: 1.5rem;
margin-bottom: 0rem;
margin-top: 2rem;
}
@@ -172,14 +171,14 @@ input:focus {
}
/* Theme Selector */
-#theme_selector {;
+#theme_selector {
display: flex;
align-items: center;
justify-content: center;
bottom: 1rem;
- pointer-events: all;
- opacity: 1;
- transition: opacity 150ms linear;
+ pointer-events: all;
+ opacity: 1;
+ transition: opacity 150ms linear;
gap: 2rem;
}
@@ -238,6 +237,12 @@ only screen and (max-width:1440px) {
only screen and (max-width:960px) {
#theme_selector {
padding-bottom: 2rem !important;
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ #theme_selector > button {
+ width: 100%;
}
.image_item_expanded_container > .image_item {