Cosas del login, ademas de crear admin panel

resources/sass/admin.scss

@@ -0,0 +1,61 @@
+$colorfg: #212121;
+$colorborder: #f2f2f2;
+$color01: #0fa0ce;
+
+body {
+    margin: 0;
+    color: $colorfg;
+}
+
+.sidebar {
+    position:fixed;
+    left: 0;
+    top: 0;
+    height: 100%;
+    width: 20ch;
+    border-right: 1px solid $colorborder;
+
+    .items {
+        display: flex;
+        height: 100%;
+        flex-direction: column;
+        justify-content: flex-start;
+    }
+
+    .item {
+        line-height: 2em;
+    }
+
+    .end {
+        margin-top: auto;
+        
+        a {
+            padding: 2em 0;
+        }
+    }
+
+    a, span {
+        display:block;
+        text-align: center;
+        text-transform: uppercase;
+        font-weight: bold;
+        letter-spacing: .2rem;
+        text-decoration: none;
+        color: $colorfg;
+
+    }
+
+    a:hover {
+        color: $color01;
+    }
+
+    span {
+        font-size: 1.2rem;
+        margin: 2em 0;
+    }
+}
+
+.container {
+    margin-left: 20ch;
+    height:100vh;
+}

resources/sass/app.scss

@@ -23,6 +23,39 @@ a {
     color: $colorfg;
 }
 
+form label {
+    display: block;
+    text-transform: uppercase;
+    font-weight: bold;
+    font-size: .9em;
+}
+
+form input {
+    display: block;
+    width: 100%;
+    height: 2em;
+    border: 1px solid $colorfg;
+    border-radius: 4px;
+    margin-bottom: 1em;
+    padding: .4em;
+}
+
+button {
+    display: inline-block;
+    box-sizing: border-box;
+    text-align: center;
+    cursor: pointer;
+    color: $colorfg;
+    border: 1px solid $colorfg;
+    border-radius: 4px;
+    background-color: #fff;
+
+    font-weight: bold;  
+    height: 3em;
+    padding: 0 3em;
+    text-transform: uppercase;
+}
+
 .navbar {
     display: flex;
     border-bottom: 1px solid $colorborder;
@@ -31,6 +64,7 @@ a {
 .navbar-items {
     display: flex;
     list-style: none;
+    padding-left: 0;
 }
 
 .navbar-item a {