@import url("/static/main/css/styles.css");
.login-container {
    min-height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .login-box {
    font-size: 21px;
    height: 40px;
    border: 0px;
    background-color: transparent;
    border-bottom: 2px solid white;
    color: white;
  }
  .login-box::-webkit-input-placeholder {
  color: white;
  }
  .login-box::-moz-placeholder {
  color: white;
  }
  .login-box:-ms-input-placeholder {
  color: white;
  }
  .login-box::-ms-input-placeholder {
  color: white;
  }
  .login-box::placeholder {
  color: white;
  }
  .login-button{
    font-weight: 0;
    font-size: 14px;
    color: #fff;
    background-color: #52cc00;
    padding: 10px 30px;
    border: none;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
            box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 50px;
    -webkit-transition : 1000ms;
    -o-transition : 1000ms;
    transition : 1000ms;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  
  .login-button:hover{
    -webkit-transition : 1000ms;
    -o-transition : 1000ms;
    transition : 1000ms;
    padding: 10px 50px;
    -webkit-transform : translateY(-0px);
        -ms-transform : translateY(-0px);
            transform : translateY(-0px);
    background-color: #7bff00e2;
    color: #000000;
    border: none;
  }
  .login-box:hover{
    -webkit-transition : 400ms;
    -o-transition : 400ms;
    transition : 400ms;
    color: #15ff00;
    border-bottom: 2px solid #15ff00;
  }