diff --git a/styles/flashy.css b/styles/flashy.css
index 527f819..35207c1 100644
--- a/styles/flashy.css
+++ b/styles/flashy.css
@@ -283,3 +283,9 @@ md-content.md-default-theme {
 /*#sidenav-overlay {
     background-color: rgba(0, 0, 0, 0) !important;
 }*/
+
+
+h3{
+  text-align: center;
+  color: #654193;
+}
\ No newline at end of file
diff --git a/templates/login.html b/templates/login.html
index 7dcfecd..779af39 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -1,8 +1,10 @@
+<h3>Create and share flashcards in real time!</h3>
+
 <div class="" style="margin-top:32px;">
   <div class="row" style="max-width:512px; width:50%; min-width:256px; margin: 0 auto">
     <ul class="tabs">
-      <li class="tab col s6"><a href="#register-tab">Sign Up</a></li>
       <li class="tab col s6"><a class="active" href="#login-tab">Login</a></li>
+      <li class="tab col s6"><a href="#register-tab">Sign Up</a></li>
     </ul>
     <div class="card">
       <!--LOGIN TAB-->