feat: added text shadow on index to improve the readability, added transition on buttons, will have to make a container

1 files changed, 14 insertions, 1 deletions

diff --git a/style.css b/style.css
index db4309c..40c5808 100644
--- a/style.css
+++ b/style.css
@@ -9,16 +9,29 @@ body{
 
 body.index{
 	height: 97vh;
+	text-shadow: 0 0 8px white;
+	font-family: serif;
 }
 
 .content{
 	/*margin-left: 10%;
 	margin-right: 10%;*/
 	margin: auto;
+	border: 3px dotted #777777;
 	border-radius: 8px;
 	color: #ffffff;
 }
 
+.button{
+	padding: 5px;
+	transition-property: border;
+	transition-duration: 1s;
+}
+
+.button:hover{
+	border: 3px inset #888888;
+}
+
 ul{
 	list-style-type: none;
 	margin: 0;
@@ -38,7 +51,7 @@ div.zikos:nth-child(odd) .desc{
 	margin-right: 10px;
 }
 
-div.zikos:nth-child(even){	
+div.zikos:nth-child(even){
 	flex-direction: row;
 	margin-left: 5%;
 }