1 files changed, 25 insertions, 0 deletions
diff --git a/style.css b/style.css
index f489a85..3172af1 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,7 @@
+:root{
+	--shadow-size: 8px;
+}
+
 body{
 	display: flex;
 	background: url(img/bg.jpg) no-repeat fixed;
@@ -13,6 +17,27 @@ body.index{
 	font-family: serif;
 }
 
+nav{
+	display: flex;
+	flex-direction: column;
+	justify-content: space-around;
+	position: fixed;
+	height: 100vh;
+	width: 9vw;
+	top:0;
+	left: 0;
+}
+
+nav a{
+	text-shadow: 1px 1px var(--shadow-size) white, -1px -1px var(--shadow-size) white, -1px 1px var(--shadow-size) white, 1px -1px var(--shadow-size) white;
+	transition-property: var(--shadow-size);
+	transition-duration: 1s;
+}
+
+nav a:hover{
+	--shadow-size: 15px;
+}
+
 .content{
 	padding: 5px;
 	margin: auto;