color tweak, modularizing css, redone index, rewritten stuff

_src/assets/css/default.css

@@ -2,6 +2,7 @@
 @import url("/assets/css/nav.css");
 @import url("/assets/css/theme-light.css");
 @import url("/assets/css/theme-dark.css");
+@import url("/assets/css/mobile.css");
 :root {
 	--view: 18rem;
 }
@@ -11,6 +12,9 @@ body {
 	font-size: 100%;
 	margin: 0;
 	padding: 0;
+	& a {
+		transition: background-color var(--trans), border-color var(--trans), color var(--trans);
+	}
 }
 
 main {
@@ -24,7 +28,6 @@ article {
 	border-radius: var(--round);
 	height: max-content;
 	padding: var(--pad-xl);
-
 	& a {
 		font-weight: 500;
 	}
@@ -55,7 +58,7 @@ article {
 
 	& p {
 		word-wrap: break-word;
-		padding: var(--pad-sm)
+		padding: var(--pad-sm);
 	}
 
 	& code:not(pre *) {
@@ -102,8 +105,9 @@ article {
 		flex-direction: column;
 	}
 	& section {
-		& a {
+		& a:has(figure) {
 			text-decoration: none;
+			height: max-content;
 		}
 		& figure img {
 			border-radius: var(--round);
@@ -111,7 +115,7 @@ article {
 		& figcaption {
 			font-weight: normal;
 			font-style: italic;
-			padding: var(--pad-l);
+			padding-top: var(--pad-sm);
 		}
 	}
 }
@@ -199,69 +203,8 @@ ul:has(img, svg):not(article ul) {
 }
 img[src*="/assets/img/flag/"] {
 	height: 32px;
-    border-radius: 0.2rem;
-    border-style: solid;
+	border-radius: 0.2rem;
+	border-style: solid;
 	border-width: 2px;
 	border-color: #fff;
 }
-/* Mobile view */
-@media screen and (max-width: 920px) {
-	body > nav {
-		position: initial;
-		width: 100%;
-	}
-
-	main {
-		padding: var(--pad-l);
-	}
-
-	main > section {
-		flex-direction: column;
-	}
-
-	main > section {
-		width: initial;
-	}
-
-	article {
-		max-width: initial;
-		width: auto;
-	}
-
-	body > nav::before {
-		content: none;
-	}
-
-	body > nav {
-		flex-direction: row;
-		top: 0;
-		border-right: 0;
-		width: 100%;
-
-		& details {
-			height: fit-content;
-		}
-
-		& details {
-			width: 100%;
-		}
-	}
-	body::after {
-		content: "";
-	}
-}
-
-@media screen and (max-width: 400px) {
-	article {
-		padding: var(--pad-l) !important;
-	}
-
-	body > nav {
-		flex-direction: column;
-		justify-content: start;
-
-		& details[open] {
-			width: 100%;
-		}
-	}
-}