diff --git a/css/shared.css b/css/shared.css
index eb26330..eea1648 100644
--- a/css/shared.css
+++ b/css/shared.css
@@ -1,35 +1,32 @@
-:root {
-}
-
 html {
-	height:100vh;
-	width:100vw;
+	height: 100vh;
+	width: 100vw;
 	background: linear-gradient(45deg, gold 2%, purple);
 	overflow: hidden;
-	margin:0px;
+	margin: 0px;
 	animation: gradient 35s linear infinite;
 	background-size: 180% 180%;
 }
 
 body {
-	display flex;
+	display: flex;
 	color: white;
 	margin: 0px;
 }
 
 
-.artical{
+.artical {
 	width: min(calc(100vw - 4em), 55em);
-	margin:auto;
+	margin: auto;
 	margin-top: 2em;
 	height: 25em;
 	overflow: hidden;
 	transition-duration: 1.5s;
 }
 
-.artical:hover{
-	width:calc(100% - 8em);
-	height:calc(100vh - 6em);
+.artical:hover {
+	width: calc(100% - 8em);
+	height: calc(100vh - 6em);
 	overflow: scroll;
 }
 
@@ -44,19 +41,19 @@ body {
 	height: 0.3em;
 }
 
-.artical:hover .preview{
-	display:none;
+.artical:hover .preview {
+	display: none;
 }
 
-.content{
-	display:none;
+.content {
+	display: none;
 }
 
-.artical:hover .content{
-	display:block;
+.artical:hover .content {
+	display: block;
 }
 
-.glass{
+.glass {
 	background: rgba(128, 128, 128, 0.35);
 	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 	border-radius: 3em;
@@ -65,13 +62,15 @@ body {
 
 
 @keyframes gradient {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
+	0% {
+		background-position: 0% 50%;
+	}
+
+	50% {
+		background-position: 100% 50%;
+	}
+
+	100% {
+		background-position: 0% 50%;
+	}
 }