diff --git a/css/base.css b/css/base.css
index 0a16d2d..6097b96 100644
--- a/css/base.css
+++ b/css/base.css
@@ -55,30 +55,44 @@ main h1 {
main h2 {
position: relative;
- margin: 4% auto;
+ margin: 12% auto 5% auto;
text-align: center;
- font-size: clamp(1.5em, 4vw, 3em);
+ font-size: clamp(1.5em, 12vw, 4em);
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(2em, 4vw, 4em);
+ font-size: clamp(1.8em, 3vw, 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: 1%;
- padding: 1%;
- /* border: solid 1px; */
- opacity: 0.90;
+ margin: 0 0 min(1em, 2%) 1%;
display: inline-block;
z-index: 3;
- background-color: black;
+}
+main p:last-child {
+ margin-bottom: 0;
}
section {
@@ -89,9 +103,14 @@ section {
margin: auto;
margin-bottom: 100px;
padding: 2%;
- padding-left: 0px;
+ padding-left: min(1em, 2%);
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 {
@@ -139,15 +158,21 @@ main > img {
object-fit: scale-down;
}
+figcaption {
+ font-size: 0.6em;
+ line-height: initial;
+}
+
.btn-nice {
color: #FFFFFF;
- text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
+ text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 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 {
@@ -163,3 +188,23 @@ main > img {
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 37e334b..833d9c0 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,5 @@
-
+
+
@@ -29,11 +30,6 @@
- 
- 
-
-
-
camp
@@ -122,4 +118,5 @@
+