body{display:flex;min-height:100vh;flex-direction:column}main{flex:1 0 auto}body{background:#fff}.container{width:100%;display:none}.box{display:inline-block;padding:32px 48px 0 48px;border:1px solid #eee;width:400px}.box .error{font-weight:700;color:#ef606b}.box .success{font-weight:700;color:#9ad849}.input-field input[type=date]:focus+label,.input-field input[type=email]:focus+label,.input-field input[type=password]:focus+label,.input-field input[type=text]:focus+label{color:orange}.input-field input[type=date]:focus,.input-field input[type=email]:focus,.input-field input[type=password]:focus,.input-field input[type=text]:focus{border-bottom:2px solid orange;box-shadow:none}input:not([type]).valid,input:not([type]):focus.valid,input[type=email].valid,input[type=email]:focus.valid,input[type=password].valid,input[type=password]:focus.valid,input[type=text].valid,input[type=text]:focus.valid{border-bottom:1px solid #9ad849;box-shadow:0 1px 0 0 #9ad849}input:not([type]).invalid,input:not([type]):focus.invalid,input[type=email].invalid,input[type=email]:focus.invalid,input[type=password].invalid,input[type=password]:focus.invalid,input[type=text].invalid,input[type=text]:focus.invalid{border-bottom:1px solid #ef606b;box-shadow:0 1px 0 0 #ef606b}.btn{background-color:#9ad849}.btn:hover{background-color:orange}.spinner-orange,.spinner-orange-only{border-color:orange}#login-google{display:block;cursor:pointer}