displaying fields labels

src/assets/common.scss

@@ -3,8 +3,8 @@
 $pad_btn: 0.5em;
 @mixin btn() {
   padding: math.div($pad_btn,2) $pad_btn;
-  border-radius: 5px;
-  background-color: $btns_back;
+  // border-radius: 5px;
+  // background-color: $btns_back;
   cursor: pointer;
   line-height: 1.5;
 }

src/assets/main.scss

@@ -10,7 +10,8 @@
 body{
   background-color: $back;
   font-family: 'public_sans';
-  font-weight: 400;
+  font-weight: 300;
+  font-size: 16px;
 }
 
 #app{
@@ -77,7 +78,29 @@ body{
       box-sizing: border-box;
       width:450px;
       height: 100%;
-      padding: 1rem;
+      padding: 5rem 1rem 1rem;
+      overflow-y: auto;
+      overflow-x: hidden;
+      header, section{
+        padding:0 0 2em 0;
+      }
+      label{
+        display: block;
+        font-weight: 100;
+        font-size: 0.882em;
+        padding: 0 0 1em 0;
+      }
+      header{
+        h2{
+          font-weight: 400;
+          font-size: 1.512em;
+        }
+      }
+      section>div{
+        font-size: 1em;
+        font-weight: 300;
+      }
+
     }
   }