Added css framework and implemented it on some page (not all yet)

App/Views/Access/login.html

@@ -3,21 +3,29 @@
 {% block title %}Masuk{% endblock %}
 
 {% block body %}
-    <form method="post">
-        <h2>Login</h2>
+<main class="documentation">
+    <section>
+        <form method="post">
+            <h1>Login</h1>
 
-        <label for="username">Username: </label>
-        <input type="text" name="username" value="" placeholder="Tulis username" maxlength="25" autocomplete="off">
-
-        <br>
-
-        <label for="password">Password: </label>
-        <input type="password" name="password" value="" placeholder="Tulis password">
-
-        <input type="hidden" name="_token" value="{{ token }}">
-
-        <br>
-
-        <button type="submit">Masuk</button>
-    </form>
+            <div class="flex four grow">
+                <div class="fourth">
+                    <!-- <label for="username">Username: </label> -->
+                    <input type="text" name="username" value="" placeholder="Username" maxlength="25" autocomplete="off">
+                </div>
+                <div class="two-fourth">
+                    <!-- <label for="password">Password: </label> -->
+                    <input type="password" name="password" value="" placeholder="Password">
+                </div>
+                <div></div>
+                <div>
+                    <input type="hidden" name="_token" value="{{ token }}">
+                </div>
+                <div>
+                    <button type="submit" class="half">Masuk</button>
+                </div>
+            </div>
+        </form>
+    </section>
+</main>
 {% endblock %}