Better

1 files changed, 37 insertions, 10 deletions

diff --git a/style.css b/style.css
index 759b9fb..9300f21 100644
--- a/style.css
+++ b/style.css
@@ -1,17 +1,39 @@
 .wrapper {
     display: grid;
-    height: 200px;
-    grid-template-columns: 1fr 3fr 1fr;
+    /* height: 200px; */
+    grid-template-columns: 3fr 1fr;
     gap: 10px;
 }
 
+.child {
+    background: white;
+    padding: 1.2em;
+    border: 1px solid;
+    border-color: lightgray;
+    border-radius: 5px;
+}
+
+.left-section {
+    background: white;
+    padding: 1.2em;
+    border: 1px solid;
+    border-color: lightgray;
+    border-radius: 5px;
+    margin-bottom: 10px;
+}
+
+.inner {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
 @font-face {
 	font-family: 'OpenSans';	
 	src: url(OpenSans-VariableFont_wdth,wght.ttf);
 }
 
 * {
-    font-size: 14pt;
+    font-size: 12pt;
     font-family: 'OpenSans';
 }
 
@@ -20,14 +42,23 @@ header {
     max-width: fit-content;
     margin-left: auto;	
     margin-right: auto;	
-    margin-top: 100px;
+    margin-top: 50px;
 }
 
-.inner {
+.inner-header {
     display: grid;
-    grid-template-columns: 1fr 1fr;
+    grid-template-columns: 1fr 1fr 1fr;
+    gap: 10px;
+    margin-bottom: 20px;
 }
 
+.info {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+
 .jumplist {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -38,10 +69,6 @@ h1 {
 	font-size: 2.4em;
 }
 
-.child {
-    background: white;
-    padding: 1.2em;
-}
 
 .objectpic {
     max-width: fit-content;