|
|
@@ -134,4 +134,78 @@ html, body{
|
|
|
|
|
|
li{
|
|
|
font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+#login{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ height: 100vh;
|
|
|
+}
|
|
|
+
|
|
|
+ form{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 25px;
|
|
|
+ background: rgb(240, 252, 255);
|
|
|
+ border: 1px solid black;
|
|
|
+ min-width: 500px;
|
|
|
+ }
|
|
|
+
|
|
|
+ form > *{
|
|
|
+ margin: 15px;
|
|
|
+ }
|
|
|
+
|
|
|
+ form h1{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ label{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit]{
|
|
|
+ background: rgb(0, 27, 45);
|
|
|
+ border: none;
|
|
|
+ text-decoration: none;
|
|
|
+ padding: 10px 25px;
|
|
|
+ color: white;
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px;
|
|
|
+ min-width: 100px;
|
|
|
+ margin: 5px;
|
|
|
+ max-height: 52px;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit]:hover{
|
|
|
+ background: rgb(179, 191, 209);
|
|
|
+ color:black;
|
|
|
+ }
|
|
|
+
|
|
|
+ input[type=submit]:active{
|
|
|
+ background: rgb(240, 252, 255);
|
|
|
+ }
|
|
|
+
|
|
|
+ form a{
|
|
|
+ text-align: center;
|
|
|
+ color: gray;
|
|
|
+ margin: 5px;
|
|
|
+ font-size: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+.footer{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px;
|
|
|
+ background: rgb(240, 252, 255);
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+ .footer div > *{
|
|
|
+ margin: 0 10px;
|
|
|
}
|
Lee Morgan