$primary: #00c0ff;
$secondary: #0099ff;
$dark1: #101010;
$dark2: #2a2a2a;
$light: #e0e0e0;
$light2: #C5C6C7;
$light3: #a1a1a1;


body
  padding: 50px
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif
  color: white;
  background-color: $dark1;
  margin: 0;
  padding: 0;

h1
  text-align: center;

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;

#panel
  background-color: $dark2;
  height: 100vh;
  border-right: 2px solid $light3;
  padding: 0;

.main
  background-color: $dark1;

#navtop
  font-size: 30px;
  .maintitle
    font-size: 50px;
    text-align: center;
    margin: 0;
    margin-top: 2vh;
  ul
    margin: 0;
    text-align: right;
    li.active
      background: $primary;
      a
        color: black;
    li
      padding: 1.3vw;
      border-top: 1px solid $dark1;
      background: linear-gradient(to right, $dark2 50%, $primary 50%) left;
      background-size: 200%;
      transition: .3s ease-out;

      a
        color: $light2;
        transition-duration: 0.3s;
    li:hover
      background-position: right;
      cursor: pointer;
      a
        color: black;

#navprofile
  font-size: 25px;
  padding-top: 4vh;
  padding-bottom: 4vh;
  margin: 0;

  img
    width: 100%;
    display: block;
    margin: auto;
    padding: 0.5vw;

  p
    margin-top: 1vh;
    margin-bottom: 0;

#page
  margin: 0;