From 19b0a2ade75a8ab3c5b4a91cf4a963d5b468801b Mon Sep 17 00:00:00 2001
From: edpibu <git@edgarpierre.fr>
Date: Sun, 20 Dec 2020 13:39:49 +0100
Subject: [PATCH] Modified css to fit mobile devices

---
 css/main.css | 60 ++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 42 insertions(+), 18 deletions(-)

diff --git a/css/main.css b/css/main.css
index 2527110..ace62b5 100644
--- a/css/main.css
+++ b/css/main.css
@@ -15,33 +15,33 @@ body {
   height: 100%;
   width: 100%;
   margin: 0;
+	color: #000000de;
 }
 
 .left, .right {
-  position: absolute;
-  top: 0;
-  bottom: 0;
+	position: absolute;
+	left: 0;
+	right: 0;
 }
 
-.right {
-  right: 0;
-  background: url("../images/pic1.jpg");
-  background-size: cover;
-  background-position: center;
-  width: 60%;
-}
 .left {
-  left: 0;
-  text-align: right;
-  width: 40%;
+	text-align: center;
+	top: 0;
+	bottom: 40%;
+}
+.right {
+	top: 60%;
+	bottom: 0;
+	background: url("../images/pic1.jpg");
+	background-size: cover;
+	background-position: center;
 }
 
 .left h1 {
   position: absolute;
-  padding-right: 1em;
+	font-size: 3rem;
   height: 1em;
   line-height: 1em;
-  font-size: 4rem;
   margin: 0;
   width: 100%;
 
@@ -62,7 +62,7 @@ footer {
   bottom: 0;
   width: 100%;
   background: black;
-  color: white;
+  color: #ffffffde;
   text-align: center;
 }
 footer ul {
@@ -74,10 +74,34 @@ footer li span {
   margin-right: 1em;
 }
 footer a {
-  color: lightgray;
+  color: #dededede;
   text-decoration: none;
   transition: color 50ms;
 }
 footer a:hover {
-  color: white;
+  color: #ffffffde;
 }
+footer a:active {
+  color: #ffffffde;
+}
+
+@media screen and (min-width: 1024px) {
+	.left, .right {
+		top: 0;
+		bottom: 0;
+	}
+
+	.right {
+		right: 0;
+		left: 40%
+	}
+	.left {
+		right: 60%;
+	}
+	
+	.left h1 {
+		font-size: 4rem;
+		text-align: right;
+		padding-right: 1em;
+	}
+}
\ No newline at end of file