From da753fde689cf1fb5364fd630f691c563b5a8c6f Mon Sep 17 00:00:00 2001
From: jules <zeroth@free.fr>
Date: Sun, 27 Sep 2020 11:33:14 +0200
Subject: [PATCH] LR css

---
 static/css/style.css | 57 ++++++++++++++++++++++++++++++++++++++------
 1 file changed, 50 insertions(+), 7 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 59f5b74..015c9c4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -112,7 +112,7 @@ div#navigation a{
 	font-family: 'Roboto Condensed', sans-serif;
 	text-decoration: none;
 	color: black;
-	font-size: 16px;
+	font-size: 18px;
 	height: 67px;
 
 }
@@ -274,7 +274,7 @@ div.pagetitle{
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-left: 81px;
+	padding-left: 5%;
 }
 
 /******************************************************/
@@ -532,18 +532,61 @@ img.person_creatorof-imgs{
 /************ ABOUT ************/
 
 div#about-content{
-	padding-left: 81px;
-	padding-right: 81px;
 
 }
 div#about-content-top{
-
+	padding: 0 5%;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 div#about-content-top-left{
-	
+		grid-column: 1/span 2;
+		font-size: 32px;
+    font-weight: normal;
+    font-stretch: condensed;
+    font-style: normal;
+    line-height: 50px;
+    color: blue;
+    padding-right: 10%;
+
 }
 div#about-content-top-right{
-	
+		grid-column: 3/span 2;
+		padding-right: 10%;
+}
+div#about-content-top-right img{
+		width: 100%;
+}
+
+div#about-content-bottom{
+	grid-column: 1/ span 4;
+    padding: 0 15%;
+    padding-bottom: 5%
+    margin-bottom: 60px;
+
+}
+
+div#about-paragraph-subtitle{
+	font-size: 30px;
+    line-height: 35px;
+    padding-bottom: 1.5rem;
+}
+
+div#about-paragraph p {
+	font-size: 20px;
+    line-height: 30px;
+    padding-bottom: 0.5rem;
+}
+
+
+div#about-paragraph a{
+	font-family: 'Roboto Condensed', sans-serif;
+	text-decoration: none;
+	color: blue;
+}
+
+div#about-title {
+
 }
 /************ TUTORIALS ************/