.authentication-wrapper{
    display:-webkit-box;display:-ms-flexbox;
    display:flex;-ms-flex-preferred-size:100%;
    flex-basis:100%;min-height:100vh;width:100%
}
.authentication-wrapper .authentication-inner{
    width:100%
}
.authentication-wrapper.authentication-1,.authentication-wrapper.authentication-2,.authentication-wrapper.authentication-4{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.authentication-wrapper.authentication-1 .authentication-inner{
    max-width:300px
}
.authentication-wrapper.authentication-2 .authentication-inner{
    max-width:380px
}
.authentication-wrapper.authentication-3{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-pack:stretch;
    -ms-flex-pack:stretch;
    justify-content:stretch
}
.authentication-wrapper.authentication-3 .authentication-inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:stretch;
    -ms-flex-pack:stretch;
    justify-content:stretch
}
.authentication-wrapper.authentication-4 .authentication-inner{
    max-width:800px
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
    .authentication-wrapper:after{
        content:'';
        display:block;
        -webkit-box-flex:0;
        -ms-flex:0 0 0%;
        flex:0 0 0%;
        min-height:inherit;
        width:0;
        font-size:0
    }
}

input:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 5px lightblue;
  } 
  
  input:focus {
    transform: scale(1.05);
    box-shadow: 10px 10px 5px lightblue;
  }
  
  button:hover {
    transform: scale(1.3);
    box-shadow: 10px 10px 5px lightblue;
  } 
  select:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 5px lightblue;
  }
  
  #account_name:hover {
    font-size: larger;
    text-shadow: 10px 10px 5px lightblue;
  }
  
  .close:hover {
    transform: none!important;
    box-shadow: none!important;
  }
  
  .alert:hover {
    transform: scale(1.05);
    box-shadow: 10px 10px 5px lightblue;
    z-index: 1000;
  }

