1 files changed, 36 insertions, 106 deletions
diff --git a/static/main.css b/static/main.css
index cea0eb1..4fd246d 100644
--- a/static/main.css
+++ b/static/main.css
@@ -1,133 +1,63 @@
-/* * { */
-/*     outline: black 1px solid; */
-/* } */
-
 body {
-    background: #fafafa; /* There's fa and there's antifa! */
-    font-family: monospace;
-}
-    
-.tagline-container h1 {
-    font-size: 2.5em;
-}
-
-.tagline-container p {
-    font-size: 1.25em;
+    margin: 0;
+    font-family: "Roboto", sans-serif;
+    font-weight: 300;
 }
 
-a {
-    text-decoration: none;
-    color: #444;
+header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    align-items: center;
+    background: #703f96;
+    padding: 0 2rem;
+    color: white;
 }
 
-.subheader a, .repo-navigation a {
-    font-family: monospace;
-    font-size: 1.5em;
+header img {
+    max-height: 4rem;
+    padding: 0 1rem 0 0;
 }
 
-a:hover, a:active {
-    text-decoration: underline;
+header h1 {
+    font-weight: 300;
+    font-size: 2em;
 }
 
-.container hr {
-    border: 1px solid #343434;
-    width: 100%;
+header a {
+    color: #EFEFEF;
+    text-decoration: none;
+    border-bottom: white 1px solid;
 }
 
-.container {
-    display: grid;
-    max-width: 200ch;
-    margin: 2em;
+header a:hover {
+    color: white;
 }
 
-.tagline-container {
-    display: grid;
-    grid-template-columns: 1fr 8fr 1fr;
-    grid-auto-flow: column;
+.nav {
+    display: flex;
+    flex-direction: row;
     align-items: center;
 }
 
-.tagline-container > h1, .tagline-container > p {
-    margin: 0;
+.nav a {
+    font-size: 1.25rem;
+    margin-left: 1rem;
 }
 
-.starbox {
-    grid-row-start: 1;
-    grid-row-end: 3;
-    grid-gap: 0.5em;
+.wrap {
+    padding: 2rem 0;
     display: flex;
     flex-direction: column;
-}
-
-.repo-logo {
-    justify-self: center;
-    align-self: center;
-    grid-row-start: 1;
-    grid-row-end: 3;
-    max-width:230px;
-    max-height:100px;
-    padding-right: 1em;
-}
-
-.subheader {
-    padding-top: 1em;
     align-items: center;
-    justify-items: center;
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    
-}
-
-.repo-navigation {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-evenly;
-    /* background: #55EEFF; */
-}
-
-.repo-navigation > .nav-item {
-    padding: 0.25em 2em;
-}
-
-.repo-navigation > .nav-active {
-    background: #EEE;
-    border: #333 1px solid;
 }
 
-.readme {
-    padding-top: 5ch;
-    padding-left: 25ch;
-    font-size: 1.25em;
+.content {
+    font-weight: 300;
+    max-width: 700px;
 }
 
-.details-table {
-    padding: 5ch 15ch;
-    font-size: 1.25em;
-    text-align: left;
+.content h1 {
+    font-weight: 300;
 }
-
-.details-grid {
-    display: grid;
-    grid-template-columns: 2fr 4fr repeat(3, 1fr);
-    align-content: center; 
-    justify-content: center;
     
-    padding: 5ch 15ch;
-    font-size: 1.2em;
-}
-
-.details-grid .divider {
-    padding: 5ch 0;
-    grid-column-start: 1;
-    grid-column-end: 6;
-}
-
-.details-grid > .details-span {
-    grid-column-start: 4;
-    grid-column-end: 6;
-}
-
-.details-grid p, .details-grid a {
-    padding: 0;
-    margin: 1px;
-}