feat: started implementing side scrolling

1 files changed, 11 insertions, 7 deletions

diff --git a/style.css b/style.css
index 7384a50..bc8fbb1 100644
--- a/style.css
+++ b/style.css
@@ -1,7 +1,4 @@
 body{
-	display: flex;
-	flex-direction: column;
-	justify-content: center;
 	background: url(img/wp.gif) no-repeat fixed;
 	background-size:cover;
 	text-align:center;
@@ -84,12 +81,17 @@ a.text-link::after{
 	top: 3%;
 }
 
+.content-container{
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+}
+
 .content{
-	margin: auto;
-	margin-top: 2%;
-	margin-bottom: 2%;
+	margin: 3%;
 	padding: 1%;
-	width: 75%;
+	min-width: 90vw;
+	width: auto;
 	background-color: rgba(220, 237, 200, 0.65);
 	border-radius: 5px;
 	border: 5px dotted #b4d545;
@@ -124,6 +126,8 @@ a.text-link::after{
 }
 
 .footer{
+	position: fixed;
+	top: 5px;
 	margin:auto;
 	animation-name: foot-anim;
 	animation-duration: 6s;