body {
    background: #011542;
    color: #fff;
  }
  .colorgraph {
      height: 5px;
      border-top: 0;
      background: #50D991;
      border-radius: 5px;
      opacity: 1;
  }
  .form-group { 
    padding-bottom: 15px; 
  }
  .logo-area img {
    width: 100%;
    max-width: 150px;
  }
  .agree {
    color: #fff;
  }
  .login {
    background: #011542;
    border: 2px dashed #fff;
    color: #fff;
    font-weight: bold;
  }
  .login:hover {
    background: #fff;
    color: #011542;
    border: 2px solid transparent;
  }
  .signup {
    background: #50D991;
    font-weight: bold;
    color: #011542;
    border: 2px solid transparent;
  }
  .signup:hover{
    background: #011542;
    border: 2px dashed #50D991;
    color: #50D991;
  }
  #t_and_c {
    width: 20px;
    height: 20px;
    border-radius: 12px;
    cursor:pointer;
  }