summary refs log tree commit diff stats
diff options
context:
space:
mode:
author2023-07-11 01:27:36 -0400
committer2023-07-11 01:27:36 -0400
commit169f8554e2afba0b5f72cee69b82860a59bc209c (patch)
treedbe81dfdb40e444549ab18cf0a652d4dfa418e7b
parent80bcfdbb12b11b70c6e75d1dcc0e7f4318790afc (diff)
downloadkusoneko.moe-169f8554e2afba0b5f72cee69b82860a59bc209c.tar.gz
-rw-r--r--main.css53
1 files changed, 26 insertions, 27 deletions
diff --git a/main.css b/main.css
index 75245d5..d953fdd 100644
--- a/main.css
+++ b/main.css
@@ -1,7 +1,7 @@
 body{
-	margin:0;
+    margin:0;
     background-color: black;
-	color: cyan;
+    color: cyan;
 
 }
 * {
@@ -22,46 +22,45 @@ body{
 }
 #header {
     width: 100%;
-	height: 150px;
+    height: 150px;
 }
 #navbar {
     height: 40px;
-	width: 100%;
+    width: 100%;
 }
 #navbar ul {
     display: flex;
-	padding: 0;
-	margin: 0;
-	list-style-type: none;
-	justify-content: space-evenly;
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+    justify-content: space-evenly;
 }
 #navbar li {
     padding-top: 10px;
 }
 #navbar li a, li a:visited {
     color: #ff1493;
-	font-weight: 800;
-	text-decoration: none;
+    font-weight: 800;
+    text-decoration: none;
 }
 #navbar li a:hover {
     color: yellow;
-	text-decoration: underline;
+    text-decoration: underline;
 }
 #flex {
     display: flex;
 }
 aside {
     background-color: #101010;
-	width: 200px;
-	padding: 20px;
-	font-size: smaller;
+    width: 200px;
+    padding: 20px;
+    font-size: smaller;
 }
 main {
     background-color: black;
-	flex: 1;
-	padding: 20px;
-	order: 2;
-	display: flex;
+    flex: 1;
+    padding: 20px;
+    order: 2;
 }
 #rightSidebar {
     order: 3;
@@ -85,18 +84,18 @@ code {
 }
 @media only screen and (max-width: 800px) {
     #flex {
-		flex-wrap: wrap;
+        flex-wrap: wrap;
     }
-	aside {
-		width: 100%;
+    aside {
+        width: 100%;
     }
-	main {
-		order: 1;
+    main {
+        order: 1;
     }
-	#rightSidebar {
-		order: 2;
+    #rightSidebar {
+        order: 2;
     }
-	#navbar ul {
-		flex-wrap: wrap;
+    #navbar ul {
+        flex-wrap: wrap;
     }
 }