A bunch of stuff

public/css/index.css

@@ -183,7 +183,7 @@ html {
 input.answer {
 	display: inline;
 }
-input:not(.answer),
+input:not(.answer):not(#weatherToggle),
 textarea {
 	background-color: var(--background-color);
 	border: var(--border-details);
@@ -334,15 +334,17 @@ a {
 }
 footer {
 	padding: var(--space-xl) 0 var(--space-m) 0;
+	& p {
+		font-size: var(--step-0);
+		grid-column: var(--span-grid);
+		margin-bottom: 0;
+	}
+	& .webring {
+		display: inline;
+		padding-right: var(--space-xs);
+	}
 }
-footer .webring {
-	display: inline;
-	padding-right: var(--space-xs);
-}
-footer p {
-	font-size: var(--step-0);
-	grid-column: var(--span-grid);
-}
+
 h1,
 h2,
 h3 {
@@ -1051,6 +1053,18 @@ article.post {
 		margin: var(--space-2xs) auto;
 	}
 }
+#buttonsAndStuffContainer {
+	display: flex;
+	grid-column: var(--span-grid);
+	width: 100%;
+	& a,
+	img,
+	div {
+		display: inline-block;
+		height: var(--space-m-l);
+		margin-right: var(--space-3xs);
+	}
+}
 .gallery-images {
 	display: flex;
 	flex-flow: row wrap;
@@ -1188,3 +1202,6 @@ dialog {
 	gap: var(--grid-gutter);
 	grid-template-columns: repeat(var(--grid-columns), 1fr);
 }
+.hidden {
+	display: none;
+}