60 lines
1.1 KiB
Sass
60 lines
1.1 KiB
Sass
$primary: #00c0ff;
|
|
$secondary: #0099ff;
|
|
$dark1: #101010;
|
|
$dark2: #2a2a2a;
|
|
$light: #e0e0e0;
|
|
$light2: #C5C6C7;
|
|
|
|
|
|
body
|
|
padding: 50px
|
|
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
|
|
color: white;
|
|
background-color: $dark1;
|
|
margin: 0;
|
|
padding: 0;
|
|
|
|
|
|
h2
|
|
color: $light;
|
|
margin-top: 0;
|
|
text-align: center;
|
|
|
|
#signin, #signup, #forgotPsw
|
|
padding: 4vw;
|
|
|
|
.signinup
|
|
margin-top: 15vh;
|
|
background-color: $dark2;
|
|
border-radius: 2vw;
|
|
img
|
|
width: 20%;
|
|
display: block;
|
|
margin: auto;
|
|
|
|
form
|
|
input
|
|
margin-bottom: 4vh;
|
|
font-size: 25px;
|
|
input:focus
|
|
border: 1px solid $primary;
|
|
input[type="submit"]
|
|
padding: 1vw;
|
|
border-radius: 2vw;
|
|
background-color: $secondary;
|
|
color: white;
|
|
border: none;
|
|
width: 40%;
|
|
display: block;
|
|
margin: auto;
|
|
font-size: 35px;
|
|
border: 2px solid #2C3531;
|
|
cursor: pointer;
|
|
transition-duration: 0.3s
|
|
input[type="submit"]:hover
|
|
color: #34eba1;
|
|
background-color: white;
|
|
border: 2px solid #34eba1;
|
|
|
|
i
|
|
color: $primary;
|