diff --git a/styles.css b/styles.css
index fd210f9..8310538 100644
--- a/styles.css
+++ b/styles.css
@@ -26,7 +26,7 @@
 	    position: fixed;
 	    width: 100%!important;
 	    height: 100%!important;
-	    inset: 0!important;
+	    inset: 0 !important;
 	}
 	:root {
 		color-scheme: light dark;
@@ -49,6 +49,7 @@
 		border-radius: 10px;
 	}
 	body {
+		display: table;
 		background-color: light-dark(var(--light-background), var(--dark-background));
 		color: light-dark(var(--light-text), var(--dark-text));
 		font-family: "Iosevka Aile", monospace;
@@ -64,24 +65,41 @@
 	.main {
 		background-color: light-dark(var(--light-crust), var(--dark-crust));
 		margin-top: 20px;
-		border: 4px solid;
-		border-color: light-dark(var(--light-accent), var(--dark-accent));
+		outline: 2px solid;
+		outline-color: light-dark(var(--light-accent), var(--dark-accent));
 		border-radius: 25px;
 		padding: 20px;
+		opacity: 0.7;
 		box-shadow: 10px 5px 10px light-dark(var(--light-crust), var(--dark-crust));
 	}
+	.main:hover {
+		outline: 5px dashed;
+		outline-color: light-dark(var(--light-accent), var(--dark-accent));
+		opacity: 1;
+		transform: scale(1.01, 1.01);
+		transition: ease-in-out 0.3s;
+	}
 	footer {
 		font-family: "Iosevka Aile", monospace;
   		color: light-dark(var(--light-text), var(--dark-text));
 		font-size: 20px;
 		background-color: light-dark(var(--light-crust), var(--dark-crust));
 		padding: 15px;
-		border: 4px solid;
-		border-color: light-dark(var(--light-accent), var(--dark-accent));
+		outline: 2px solid;
+		outline-color: light-dark(var(--light-accent), var(--dark-accent));
 		border-radius: 25px;
 		margin-top: 10px;
+		opacity: 0.7;
+		width: 1200px;
 		box-shadow: 10px 5px 10px light-dark(var(--light-crust), var(--dark-crust));
 	}
+	footer:hover {
+		outline: 5px dashed;
+		outline-color: light-dark(var(--light-accent), var(--dark-accent));
+		opacity: 1;
+		transform: scale(1.01, 1.01);
+		transition: ease-in-out 0.3s;
+	}
 
 	.form-input {
 		margin-bottom: 11px;
@@ -140,17 +158,17 @@
 	.dropdown .dropdown-content {
 	  position: absolute;
 	  top: 50%;
-	  margin-top: 6px;
-	  border: 1px solid;
+	  margin-top: 8px;
+	  border: 2px solid;
 	  border-color: light-dark(var(--light-accent), var(--dark-accent));
 	  border-radius: 15px;
 	  background-color: light-dark(var(--light-background), var(--dark-background));
 	  min-width: 100%;
 	  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
-	  z-index: 100000;
 	  visibility: hidden;
 	  opacity: 0;
 	  transition: 0.2s ease-in-out;
+	  z-index: 2;
 	}
 	.dropdown-content a {
 	  color: light-dark(var(--light-background), var(--dark-background));
@@ -165,22 +183,22 @@
 	}
 	.web-buttons:hover .web-button {
 		transition: ease-in-out 0.2s;
-		filter: blur(0.1em);
+		filter: blur(0.15em);
 		display: inline-block;
 	}
 	.web-buttons .web-button:hover {
 		transition: ease-in-out 0.3s;
-		border: solid 0px;
+		outline: solid 2px;
 		border-radius: 10px;
-		border-color: light-dark(var(--light-accent), var(--dark-accent));
+		outline-color: light-dark(var(--light-accent), var(--dark-accent));
 		filter: blur(0);
 		box-shadow: 0px 0px 10px light-dark(var(--light-text), var(--dark-text));
-		transform: scale(1.4, 1.4) rotate(2deg) translateX(-10px);
+		transform: scale(1.3, 1.3) translateX(-10px) translateY(-2px);
 		display: inline-block;
 	}
 	.other-web-buttons:hover .web-button {
 		transition: ease-in-out 0.2s;
-		filter: blur(0.1em);
+		filter: blur(0.15em);
 		display: inline-block;
 	}
 	.other-web-buttons .web-button:hover {