@import url(https://fonts.googleapis.com/css?family=Montserrat:600|Noto+Sans|Open+Sans:400,700&display=swap);#login-container{margin:0;padding:0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;font-family:sans-serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(../img/bg.c92b2d76.jpg);background-size:cover;background-position:50%}#login-container .container{position:relative;max-width:300px;background:#fff;padding:40px 20px;border-radius:20px}#login-container header{font-size:25px;margin-bottom:35px;font-family:Montserrat,sans-serif}#login-container .input-field,#login-container form .button{margin:25px 0;position:relative;height:50px;width:100%}#login-container .input-field input{height:100%;width:100%;border:1px solid silver;padding-left:15px;outline:none;font-size:19px;-webkit-transition:.4s;transition:.4s}#login-container input:focus{border:1px solid #1da1f2}#login-container .input-field label,#login-container span.show{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#login-container .input-field label{left:15px;pointer-events:none;color:grey;font-size:18px;-webkit-transition:.4s;transition:.4s}#login-container span.show{right:20px;color:#111;font-size:14px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;visibility:hidden;font-family:Open Sans,sans-serif}#login-container input:valid~span.show{visibility:visible}#login-container input:focus~label,#login-container input:valid~label{-webkit-transform:translateY(-33px);transform:translateY(-33px);background:#fff;font-size:16px;color:#1da1f2}#login-container form .button{margin-top:30px;overflow:hidden;z-index:111}#login-container .button .inner{position:absolute;height:100%;width:300%;left:-100%;z-index:-1;-webkit-transition:all .4s;transition:all .4s;background:-webkit-linear-gradient(right,#00dbde,#fc00ff,#00dbde,#fc00ff)}#login-container .button:hover .inner{left:0}#login-container .button button{width:100%;height:100%;border:none;background:none;outline:none;color:#fff;font-size:20px;cursor:pointer;font-family:Montserrat,sans-serif}#login-container .container .auth{margin:35px 0 20px 0;font-size:19px;color:grey}#login-container .links{display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer}#login-container .facebook,#login-container .google{height:40px;width:100%;border:1px solid silver;border-radius:3px;margin:0 10px;-webkit-transition:.4s;transition:.4s}#login-container .facebook:hover{border:1px solid #4267b2}#login-container .google:hover{border:1px solid #dd4b39}#login-container .facebook i,#login-container .facebook span{color:#4267b2}#login-container .google i,#login-container .google span{color:#dd4b39}#login-container .links i{font-size:23px;line-height:40px;margin-left:-90px}#login-container .links span{position:absolute;font-size:17px;font-weight:700;padding-left:8px;font-family:Open Sans,sans-serif}#login-container .signup{margin-top:50px;font-family:Noto Sans,sans-serif}#login-container .signup a{color:#3498db;text-decoration:none}#login-container .signup a:hover{text-decoration:underline}