new css framework and layout

css/style.css

@@ -3,48 +3,18 @@ html {
 }
 
 header {
-  margin-top: 2rem;
-  margin-bottom: 4rem;
-  padding-left: 1rem !important;
-  padding-right: 1rem !important;
-  box-sizing: border-box;
-  margin-right: 0;
+  padding: 1rem 0;
 }
 
-header div {
-  text-align: center;
-}
-
-header a {
-  display: inline-block;
-  text-align: center;
-  font-size: 1.5rem;
-  position: relative;
-}
-
-header a::after {
-  content: '';
-  display: inline-block;
-  position: absolute;
-  left: 25%;
-  bottom: -0.4rem;
-  width: 50%;
-  height: 1px;
-  background: #9b4dca;
-  transition: all 0.3s;
-}
-
-header a:hover::after {
-  left: 0%;
-  width: 100%;
-  background: #606c76;
+main {
+  padding: 1rem 2rem;
 }
 
 .vertical-space {
   width: 100%;
   height: 1px;
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
 }
 
 .text-center {
@@ -67,10 +37,6 @@ header a:hover::after {
   margin-top: 1rem;
 }
 
-.heading h1, .heading h2 {
-  text-align: center;
-}
-
 svg {
   max-width: 100%;
 }