diff --git a/css/base.css b/css/base.css index 6097b96..0a16d2d 100644 --- a/css/base.css +++ b/css/base.css @@ -55,44 +55,30 @@ main h1 { main h2 { position: relative; - margin: 12% auto 5% auto; + margin: 4% auto; text-align: center; - font-size: clamp(1.5em, 12vw, 4em); + font-size: clamp(1.5em, 4vw, 3em); font-family: segoesc; } -main h2:first-of-type { - font-size: clamp(1.5em, 5vw, 5em); - margin: 1em auto 0.5em auto; -} - main h3 { position: relative; + text-align: center; margin: auto; width: 100%; - font-size: clamp(1.8em, 3vw, 4em); + font-size: clamp(2em, 4vw, 4em); margin-top: 5%; - margin-bottom: 2%; - font-weight: lighter; - text-align: center; -} - -main section h3 { - text-align: left; -} - -main h4 { - margin: 0.8em 0; } main p { - margin: 0 0 min(1em, 2%) 1%; + margin: 1%; + padding: 1%; + /* border: solid 1px; */ + opacity: 0.90; display: inline-block; z-index: 3; -} + background-color: black; -main p:last-child { - margin-bottom: 0; } section { @@ -103,14 +89,9 @@ section { margin: auto; margin-bottom: 100px; padding: 2%; - padding-left: min(1em, 2%); + padding-left: 0px; z-index: 1000; box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet); - background-color: #000000b8; -} - -section :is(h1, h2, h3, h4, h5, h6) { - line-height: 1em; } nav, footer, aside { @@ -158,21 +139,15 @@ main > img { object-fit: scale-down; } -figcaption { - font-size: 0.6em; - line-height: initial; -} - .btn-nice { color: #FFFFFF; - text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 0px var(--accent-violet); + text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet); color: var(--accent-yellow); font-size: 1.2em; text-align: center; margin: auto; position: relative; display: block; - font-weight: bold; } #camp { @@ -188,23 +163,3 @@ figcaption { margin-right: 10%; line-height: 0.5em; } - -code { - background: #ffffff1f; - padding: 0.2em 0.4em; - border-radius: 0.2em; - margin-right: 0.5ex; -} - -.btn-nice code { - background: none; - padding: 0; - margin-right: 0; -} - -@media (max-width: 500px) { - /* Hide stickers on mobile */ - .randomStart { - display: none; - } -} \ No newline at end of file diff --git a/index.html b/index.html index 833d9c0..37e334b 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,4 @@ - - +
@@ -30,6 +29,11 @@
+
+
+
+
+