Creo que deje los estilo, PERFECTOS <3

resources/sass/admin.scss

@@ -1,88 +1,94 @@
-$colorfg: #212121;
-$colorborder: #f2f2f2;
-$color01: #0fa0ce;
+@import "app.scss";
 
-body {
-    margin: 0;
-    color: $colorfg;
+$sidebar-width: 13rem;
+
+/* Base
+-------------------------------------*/
+.container {
+    margin-left: $sidebar-width;
+    max-width: calc(100% - #{$sidebar-width});
 }
 
-hr {
-    border: 1px solid $colorborder;
-}
 
+/* Sidebar 
+-------------------------------------*/
 .sidebar {
-    position:fixed;
+    position: fixed;
     left: 0;
     top: 0;
     height: 100%;
-    width: 20ch;
+    width: $sidebar-width;
     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;
-    }
-
-    h1 {
-        text-align:center;
-    }
 }
 
-.container {
-    margin-left: 20ch;
-    height:100vh;
-    padding: 0em 2em;
+.sidebar-items {
+    display: flex;
+    flex-direction: column;
+
+    height: 100%;
+    padding: 1rem 0;
+
+    letter-spacing: .2rem;
+    line-height: 2rem;
+    text-transform: uppercase;
+    text-align: center;
+}
+
+.sidebar-head {
+    font-weight: 700;
+    font-size: 1.5rem;
+    margin-bottom: .6rem;
+}
+
+.sidebar-end {
+    font-weight: 700;
+    margin-top: auto;    
+    margin-bottom: 2rem;
+}
+
+.sidebar-link {
+    font-weight: 600;
+    text-decoration: none;
+}
+
+.sidebar-link:hover {
+    color: $color01;
 }
 
 @media (max-width: 600px) {
     .sidebar{
-        display: none;
+        position: static;
+        flex-direction: column;
+        text-align: center;
+        margin: 1rem auto ;
+        border: 0;
+        border-bottom: 1px solid $colorborder;
+    }
+
+    .sidebar-end {
+        margin-bottom: 0;
     }
 
     .container{
-        margin-left: 0;
+        width: auto;
+        max-width: 100%;
+        padding: 2rem;
+        margin: auto;
     }
 
 }
 
-table {
+/* Table 
+-------------------------------------*/
+
+.table {
     width: 100%;
     border-collapse: collapse;
 
     th {
         background: $colorfg;
         color: $colorborder;
-        font-weight: bold;
+        font-weight: 600;
         text-transform: uppercase;
     }
 
@@ -95,84 +101,29 @@ table {
 
     td.controls {
         a, input[type=submit]{
+            display: block;
             margin: 0;
             border: 0;
             padding: 0;
             width: 100%;
-            display:block;
             text-transform: uppercase;
-            text-align: left;
-            font-size: 1rem;
-            font-weight: 600;
             text-decoration: none;
+            text-align: left;
+            font-weight: 600;
             letter-spacing: .1em;
-
             color: $colorfg;
         }
 
         input[type=submit] {
-            border: 0;
             background-color: white;
             cursor: pointer;
         }
     }
 
-    th.controls {
-        a {
-            display:block;
-            text-transform: uppercase;
-            font-weight: bold;
-            text-decoration: none;
-            color: white;
-        }
-    }
-}
-
-form {
-    height: 100%;
-
-    label {
+    th.controls a {
         display: block;
         text-transform: uppercase;
-        font-weight: bold;
-        font-size: .9em;
-        margin-bottom: .6em;
-    }
-
-    input[type=text], textarea{
-        box-sizing: border-box;
-        display: block;
-        width: 100%;
-        height: 2em;
-        border: 1px solid $colorfg;
-        border-radius: 4px;
-        margin-bottom: 1em;
-        padding: .4em;
-        font-size: 1rem;
-        font-weight: 400;
-    }
-
-    textarea {
-        font-family: inherit;
-        box-sizing: border-box;
-        height: 30em;
-    }
-
-
-    .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: 38px;
-        padding: 0 38px;
-        margin-bottom: 3em;
-        text-transform: uppercase;
+        text-decoration: none;
+        color: white;
     }
 }

resources/sass/app.scss

@@ -1,61 +1,44 @@
-/**
- * Ryuuji 
- */
-
-$colorfg: #212121;
-$colorborder: #f2f2f2;
-$color01: #0fa0ce;
+@import "~normalize.css/normalize.css";
+@import "fonts.scss";
+@import "variables.scss";
 
+/* Base
+-------------------------------------*/
+html {
+    overflow-y: scroll;
+    background-color: white;
+}
 body {
+    font-size: 15px;
+    line-height: 1.6rem;
+    font-family: "OpenSans", sans-serif;
     color: $colorfg;
-    line-height: 1.6em;
-    font-size: 1.25em;
-    max-width: 80ch;
-    padding: 2rem;
-    margin: auto;
 }
 
 hr {
     border: 1px solid $colorborder;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 2rem;
+  letter-spacing: .1rem; 
+  font-weight: 600; 
+  text-transform: uppercase;
+}
+
 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;
+.container{
+    max-width: 38rem;
+    padding: 2rem;
+    margin: auto;
 }
 
+/* Nav Bar
+-------------------------------------*/
 .navbar {
     display: flex;
     border-bottom: 1px solid $colorborder;
@@ -63,27 +46,81 @@ button {
 
 .navbar-items {
     display: flex;
-    list-style: none;
-    padding-left: 0;
-}
+    width: 38rem;
+    padding: 1rem 0;
+    margin: auto;
 
-.navbar-item a {
-    text-transform: uppercase;
-    font-weight: bold;
-    letter-spacing: .2rem;
-    text-decoration: none;
-    margin-left: 1em;
     color: $colorfg;
 
-}
-.navbar-item a:hover {
-    color: $color01; 
+    list-style: none;
+    letter-spacing: .2rem;
+    line-height: 2rem;
+    text-transform: uppercase;
+    justify-content: space-between;
 }
 
+.navbar-item-link{
+    text-decoration: none;
+    font-weight: 600;
+}
+
+.navbar-item-head{
+    text-decoration: none;
+    font-weight: 700;
+}
+
+.navbar-item-link:hover { color: $color01; }
 
 @media only screen and (max-width: 768px) {
-    .navbar-items, .navbar {
+    .navbar {
+        width: 100%;
+        margin: 1rem auto;
+    }
+    .navbar-items {
         flex-direction: column;
+        text-align: center;
+    }
+
+    .navbar-item-head{
+        font-size: 1.5rem;
+        margin-bottom: .6rem;
     }
 }
 
+/* Forms
+-------------------------------------*/
+label {
+    display: block;
+    font-weight: 600;
+    text-transform: uppercase;
+}
+
+.form-input {
+    display: block;
+    width: 100%;
+    height: 2rem;
+    border: 1px solid $colorfg;
+    border-radius: 4px;
+    margin-bottom: 1em;
+    padding: .4em;
+}
+
+textarea.form-input {
+    height: 20rem;
+}
+
+.form-submit {
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+    color: $colorfg;
+    border: 1px solid $colorfg;
+    border-radius: 4px;
+    background-color: #fff;
+
+    font-weight: 600;  
+    height: 2.4rem; 
+    padding: 0 2rem;
+    text-transform: uppercase;
+}
+

resources/sass/fonts.scss

@@ -0,0 +1,20 @@
+@font-face {
+  font-family: 'OpenSans';
+  font-style: normal;
+  font-weight: 500;
+  src: url('../fonts/OpenSans-Regular.ttf') format('truetype')
+}
+
+@font-face {
+  font-family: 'OpenSans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype')
+}
+
+@font-face {
+  font-family: 'OpenSans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('../fonts/OpenSans-Bold.ttf') format('truetype')
+}

resources/sass/variables.scss

@@ -0,0 +1,3 @@
+$colorfg: #212121;
+$colorborder: #f2f2f2;
+$color01: #0fa0ce;

resources/views/admin/base.blade.php

@@ -8,13 +8,13 @@
     </head>
     <body>
         <div class="sidebar">
-            <div class="items">
-                <div class="head"><h1>Admin</h1></div>
-                <div class="item"><a href="{{ route('admin.post.index') }}">Posts</a></div>
-                <div class="item"><a href="#">Now</a></div>
-                <div class="item"><a href="#">Setup</a></div>
-                <div class="item"><a href="#">Projects</a></div>
-                <div class="end"><a href="{{ route('index') }}">Volver</a></div>
+            <div class="sidebar-items">
+                <div class="sidebar-head"><span>Admin</span></div>
+                <div class="sidebar-item"><a href="{{ route('admin.post.index')  }}" class="sidebar-link">Posts</a></div>
+                <div class="sidebar-item"><a href="#" class="sidebar-link">Now</a></div>
+                <div class="sidebar-item"><a href="#" class="sidebar-link">Setup</a></div>
+                <div class="sidebar-item"><a href="#" class="sidebar-link">Projects</a></div>
+                <div class="sidebar-end"><a href="{{ route('index') }}" class="sidebar-link">Volver</a></div>
             </div>
         </div>
 

resources/views/admin/posts/create.blade.php

@@ -9,13 +9,13 @@
         @csrf
         <div>
             <label for="title">Titulo</label>
-            <input type="text" id="title" name="title" required/>
+            <input type="text" class="form-input" id="title" name="title" required/>
         </div>
         <div>
             <label for="md">Contenido</label>
-            <textarea id="md" name="md"></textarea>
+            <textarea id="md" class="form-input" name="md"></textarea>
         </div>
-        <input type="submit" class="button" value="Crear"/>
+        <input type="submit" class="form-submit" value="Crear"/>
     </form>
 
 @endsection

resources/views/admin/posts/edit.blade.php

@@ -9,12 +9,12 @@
         @csrf
         <div>
             <label for="title">Titulo</label>
-            <input type="text" id="title" name="title" value="{{ old('title', $post->title) }}" required/>
+            <input type="text" class="form-input" id="title" name="title" value="{{ old('title', $post->title) }}" required/>
         </div>
         <div>
             <label for="md">Contenido</label>
-            <textarea id="md" name="md">{{ old('md', $post->md) }}</textarea>
+            <textarea class="form-input" id="md" name="md">{{ old('md', $post->md) }}</textarea>
         </div>
-        <input type="submit" class="button" value="Actualizar"/>
+        <input type="submit" class="form-submit" value="Actualizar"/>
     </form>
 @endsection

resources/views/admin/posts/index.blade.php

@@ -5,7 +5,7 @@
 @endsection
 
 @section('content')
-    <table>
+    <table class="table">
         <thead>
             <tr>
                 <th>Id</th>

resources/views/base.blade.php

@@ -12,30 +12,31 @@
         <nav class="navbar">
             <ul class="navbar-items">
                 <li class="navbar-item">
-                    <a href="{{route('index')}}">Daniel Cortes</a>
+                    <a class="navbar-item-head" href="{{route('index')}}">Daniel Cortes</a>
                 </li>
                 <li class="navbar-item">
-                    <a href="{{route('blog.index')}}">Blog</a>
+                    <a class="navbar-item-link" href="{{route('blog.index')}}">Blog</a>
                 </li>
                 <li class="navbar-item">
-                    <a href="{{route('now.index')}}">Now</a>
+                    <a class="navbar-item-link" href="{{route('now.index')}}">Now</a>
                 </li>
                 <li class="navbar-item">
-                    <a href="{{route('projects')}}">Proyectos</a>
+                    <a class="navbar-item-link" href="{{route('projects')}}">Proyectos</a>
                 </li>
                 <li class="navbar-item">
-                    <a href="{{route('setup')}}">Setup</a>
+                    <a class="navbar-item-link" href="{{route('setup')}}">Setup</a>
                 </li>
-
                 @auth
                     <li class="navbar-item">
-                        <a href="{{route('admin')}}">ADMIN</a>
+                        <a class="navbar-item-link" href="{{route('admin')}}">ADMIN</a>
                     </li>
                 @endauth
             </ul>
         </nav>
 
-        @yield('content')
+        <div class="container">
+            @yield('content')
+        </div>
 
         <script src="js/app.js"></script>
     </body>

resources/views/login.blade.php

@@ -5,14 +5,14 @@
         @csrf
         <div>
             <label for="email" >e-mail</label>
-            <input id="email" type="email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
+            <input class="form-input" id="email" type="email" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>
         </div>
 
         <div>
             <label for="password" >pass</label>
-            <input id="password" type="password" name="password" required autocomplete="current-password">
+            <input class="form-input" id="password" type="password" name="password" required autocomplete="current-password">
         </div>
 
-        <button type="submit">login</button>
+        <input class="form-submit" type="submit" value="login"/>
     </form>
 @endsection