$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
      color: $light;
      margin-bottom: 4vh;
      font-size: 25px;
    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: $secondary;
      background-color: $dark1;
      border: 2px solid $secondary;

i
  color: $primary;