diff --git a/sen/prof_section/static/prof_section/css/login.css b/sen/prof_section/static/prof_section/css/login.css
index 7098a8e..34c7429 100644
--- a/sen/prof_section/static/prof_section/css/login.css
+++ b/sen/prof_section/static/prof_section/css/login.css
@@ -1,15 +1,110 @@
-body{
-    background-color: beige;
+*, *:before, *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
-.form{
-    width: 50%;
-    margin: 200px auto;
-    
+body, html, .login_form {
+  height: 100%;
 }
-form p label{
-    font-size: 34px;
+
+body {
+  background: white;
+}
+
+.login_form {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-flex: center;
+  -moz-box-flex: center;
+  -webkit-flex: center;
+  -ms-flex: center;
+  flex: center;
+  -webkit-justify-content: center;
+  -moz-justify-content: center;
+  justify-content: center;
+  -webkit-box-pack: center;
+  -moz-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-align-items: center;
+  align-items: center;
+}
+
+.login-wrapper {
+  max-width: 500px;
+  width: 100%;
 }
-.container{
-    width:100%;
-}
\ No newline at end of file
+
+.logo {
+  text-align: center;
+}
+.logo img {
+  max-width: 200px;
+  width: 100%;
+  margin: 1em auto 2em;
+}
+
+form {
+  background: #000;
+  padding: 2em 1em;
+  font-family: helvetica, sans-serif;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+form label {
+  color: #fff;
+  margin: 0 3% .25em;
+  display: block;
+  font-family: helvetica, sans-serif;
+}
+form input {
+  width: 94%;
+  color: white;
+  padding: .5em .25em;
+  margin: 0 3% 1em;
+  font-size: 1.2em;
+  border: 2px solid #000;
+  outline: none;
+  -webkit-transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -ms-transition: all 0.25s;
+  -o-transition: all 0.25s;
+  transition: all 0.25s;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+form input.password {
+  padding-right: 4rem;
+}
+form input:focus {
+  border: 2px solid #1fd100;
+}
+form button {
+  width: 94%;
+  margin: 2em 3% 0;
+  border: none;
+  background: #1fd100;
+  padding: 1em 0;
+  font-size: 1.25em;
+  clear: both;
+  color: #000;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  outline: none;
+  -webkit-transition: all 0.25s;
+  -moz-transition: all 0.25s;
+  -ms-transition: all 0.25s;
+  -o-transition: all 0.25s;
+  transition: all 0.25s;
+  cursor: pointer;
+}
+form button:focus, form button:hover {
+  background: #262626;
+}
+