diff --git a/styles/main.css b/styles/main.css
index fff23c9..ef705fd 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -1,9 +1,16 @@
+/* --- Root and Color Scheme --- */
 :root {
 	--wbg: white;
 	--wfg: black;
 	--fonx: "Averia Serif Libre", serif;
 	--background: var(--wbg);
 	--foreground: var(--wfg);
+	
+	font-size: 4vw;
+	box-sizing: border-box;
+	background-color: var(--background);
+	color: var(--foreground);
+	font-family: var(--fonx);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -21,31 +28,12 @@
 	}
 }
 
-:root {
-	font-size: 4.0vw;
-	box-sizing: border-box;
-	background-color: var(--background);
-	color: var(--foreground);
-	font-family: var(--fonx);
-}
-
+/* --- General Body and Typography --- */
 body {
 	margin: 0;
 }
 
-.section {
-	padding-top: 4%;
-	padding-bottom: 4%;
-	padding-left: 8%;
-	display: flex;
-	/* flex: 2 1 auto; */
-	aspect-ratio: 16 / 5;
-	background-repeat: no-repeat;
-	background-size: 100%;
-}
-
 p,
-/* a, */
 h2,
 h3,
 li {
@@ -56,9 +44,31 @@ li {
 
 h2 {
 	margin: 0;
-	/* padding-top: 4%; */
 	font-size: 1.5rem;
-	/* padding-bottom: 4%; */
+}
+
+ol {
+	counter-reset: item;
+	padding-inline-start: 4%;
+}
+
+ol li {
+	display: block;
+	margin-bottom: 2%;
+}
+
+ol li:before {
+	content: counter(item) ". ";
+	counter-increment: item;
+}
+
+/* --- Layouts --- */
+.section {
+	padding: 4% 0 4% 8%;
+	display: flex;
+	aspect-ratio: 16 / 5;
+	background-repeat: no-repeat;
+	background-size: 100%;
 }
 
 .centered {
@@ -67,20 +77,33 @@ h2 {
 	margin-right: auto;
 }
 
-/* .box {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 100%;
-} */
+/* --- Common Media Styles --- */
+video,
+.where iframe,
+.sponsors img,
+.image-stack img,
+.fullscreen-overlay img {
+	border-radius: 0.2rem;
+	border: 0.3vw solid var(--wfg);
+}
+
+video {
+	width: 45%;
+	aspect-ratio: 16/9;
+	margin-left: auto;
+}
+
+.where iframe {
+	width: 60%;
+	aspect-ratio: 16/9;
+}
 
+/* --- Sections --- */
 .logo {
-	/* padding-top: 4%; */
 	width: 100%;
 	display: block;
 	justify-content: center;
 	align-items: flex-end;
-	/* height: 400%; */
 	padding-left: 0;
 	background-color: #0b5170;
 	background-image: url("../assets/bg-imgs/nyuszik.webp");
@@ -123,44 +146,21 @@ h2 {
 
 .how #apply {
 	padding-left: 4%;
-	/* display: flex; */
-	/* flex-direction: column; */
-	/* justify-content: space-around; */
 }
 
 .tncs {
-	padding-right: 8%;
-	padding-left: 7%;
-	padding-bottom: 2%;
+	padding: 4% 8% 2% 7%;
 	font-size: 0.75rem;
 	flex-direction: column;
 	background-color: #dbdcca;
 	background-image: url("../assets/bg-imgs/szentirma.webp");
 }
 
-ol {
-	counter-reset: item;
-	padding-inline-start: 4%;
-}
-
-ol li {
-	display: block;
-	margin-bottom: 2%;
-}
-
-ol li:before {
-	content: counter(item) ". ";
-	counter-increment: item;
-	/* color: red; */
-}
-
 .about {
 	flex-direction: column;
-	/* padding-left: 0; */
 	padding-top: 4%;
 	padding-bottom: 2%;
 	aspect-ratio: auto;
-	/* align-items: center; */
 	align-items: flex-start;
 	justify-content: space-between;
 	background-color: #42cd6a;
@@ -174,17 +174,6 @@ ol li:before {
 	margin: 0;
 	width: 90%;
 	align-items: start;
-	/* flex-direction: column; */
-}
-
-video {
-	/* width: 68%; */
-	width: 45%;
-	aspect-ratio: 16/9;
-	/* margin-right: 8%; */
-	margin-left: auto;
-	border-radius: 0.2rem;
-	border: 0.3vw solid var(--wfg);
 }
 
 #pathos {
@@ -193,16 +182,6 @@ video {
 	margin-top: 8%;
 }
 
-.where iframe {
-	width: 60%;
-	/* height: 90%; */
-	/* width: 12rem; */
-	aspect-ratio: 16/9;
-	/* height: 16rem; */
-	border-radius: 0.2rem;
-	border: 0.3vw solid var(--wfg);
-}
-
 .disclaimer {
 	padding-left: 4%;
 }
@@ -210,11 +189,6 @@ video {
 .disclaimer p,
 .disclaimer strong {
 	font-size: 0.7rem;
-	/* margin-bottom: 1.7rem; */
-}
-
-.sponsors h2 {
-	margin-left: 8%;
 }
 
 .sponsors {
@@ -226,6 +200,10 @@ video {
 	aspect-ratio: auto;
 }
 
+.sponsors h2 {
+	margin-left: 8%;
+}
+
 .sponsors #logos {
 	padding-top: 8%;
 	height: 34%;
@@ -237,14 +215,12 @@ video {
 }
 
 .sponsors a {
-	/* yessir! */
 	text-decoration: none;
 }
 
 .sponsors img {
-	border-radius: 2vw;
-	border: 0.3vw solid var(--wfg);
 	height: 100%;
+	border-radius: 2vw;
 }
 
 footer {
@@ -252,8 +228,7 @@ footer {
 	background-image: url("../assets/bg-imgs/theravisier.webp");
 	background-repeat: no-repeat;
 	background-size: 100%;
-	padding-top: 2%;
-	padding-bottom: 2%;
+	padding: 2% 0;
 	aspect-ratio: 16 / 2.4;
 	font-size: 0.7rem;
 	text-align: center;
@@ -265,10 +240,7 @@ footer #jmail {
 	font-size: 0.6rem;
 }
 
-.stack-container h2 {
-	margin-left: 8%;
-}
-
+/* --- Image Stack --- */
 .stack-container {
 	background-color: #4cc2e2;
 	background-image: url('../assets/bg-imgs/angyal.webp');
@@ -278,11 +250,14 @@ footer #jmail {
 	height: 70vw;
 }
 
+.stack-container h2 {
+	margin-left: 8%;
+}
+
 .image-stack {
 	position: relative;
 	width: 50%;
 	height: 72%;
-	/* for overall stack movement */
 	transition: transform 0.5s ease-out;
 }
 
@@ -293,28 +268,21 @@ footer #jmail {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
-	border-radius: 0.2rem;
 	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
 	cursor: grab;
-	/* indicate being draggable */
 	user-select: none;
-	/* prevent text selection during drag */
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
-	border: 0.3vw solid var(--wfg);
-
-	/* ease-in-out */
 	transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0.04s linear;
 }
 
 .image-stack img.swiping {
-	/* disable transitions during active drag */
 	transition: none;
 }
 
+/* --- Fullscreen Overlay --- */
 .fullscreen-overlay {
-	/* hidden by default */
 	visibility: hidden;
 	display: flex;
 	position: fixed;
@@ -322,33 +290,23 @@ footer #jmail {
 	left: 0;
 	width: 100%;
 	height: 100%;
-	/* above all other content */
 	z-index: 10000;
-	/* centered */
 	justify-content: center;
 	align-items: center;
-	/* fancy effects */
 	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
 	backdrop-filter: blur(20px);
-	/* safari-kurve */
 	-webkit-backdrop-filter: blur(20px);
 }
 
 .fullscreen-overlay.active {
-	/* do show when active */
 	visibility: visible;
 }
 
 .fullscreen-overlay img {
 	max-width: 94%;
 	max-height: 94%;
-	/* ensure full image is visible */
 	object-fit: contain;
-	/* override any stack transforms */
 	transform: none;
-	border: 0.3vw solid var(--wfg);
-	border-radius: 0.2rem;
 	box-shadow: none;
-	/* indicate it can be closed */
 	cursor: zoom-out;
 }