Create style.css

style.css

@@ -0,0 +1,101 @@
+@import "https://use.fontawesome.com/releases/v5.5.0/css/all.css";
+body{
+  margin: 0;
+  padding: 0;
+  font-family: sans-serif;
+  background: url(bgn.png) no-repeat;
+  background-size: cover;
+}
+.login-box{
+  width: 280px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  color: white;
+}
+.login-box h1{
+  float: left;
+  font-size: 40px;
+  border-bottom: 6px solid #4caf50;
+  margin-bottom: 50px;
+  padding: 13px 0;
+}
+.textbox{
+  width: 100%;
+  overflow: hidden;
+  font-size: 20px;
+  padding: 8px 0;
+  margin: 8px 0;
+  border-bottom: 1px solid #4caf50;
+}
+.textbox i{
+  width: 26px;
+  float: left;
+  text-align: center;
+}
+.textbox input{
+  border: none;
+  outline: none;
+  background: none;
+  color: white;
+  font-size: 18px;
+  width: 80%;
+  float: left;
+  margin: 0 10px;
+}
+.btn{
+  width: 100%;
+  background: none;
+  border: 2px solid #4caf50;
+  color: white;
+  padding: 5px;
+  font-size: 18px;
+  cursor: pointer;
+  margin: 12px 0;
+}
+.navbar{
+  display: block;
+  width: 35%;
+  border:2px solid white;
+  margin:20px auto;
+}
+.button{
+ /* border: 2px solid white;*/
+  display: inline-block;
+  position: absolute;
+  top:20px;
+  right: 35px;
+}
+.nav{
+  display:inline-block;
+
+}
+.nav li{
+  list-style: none;
+  padding:8px;
+  font-size: 17px;
+  display: inline-block;
+}
+.nav li a{
+  color:white;
+  text-decoration: none;
+}
+.nav li a:hover, .nav li a.active
+{text-decoration: underline;
+  color:grey;
+}
+.btn{
+  margin:0px 9px;
+  color:white;
+  background-color: rgb(9, 9, 58);
+  padding:4px 10px;
+  border:2px white solid;
+  border-radius: 10px;
+  font-size: 18px;
+  cursor: pointer;
+  font-family: 'Baloo Bhai 2', cursive;
+}
+.btn:hover{
+  background-color: lightgrey;
+}