@keyframes rotator{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes scaler{0%{transform:scale(0.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes shake{1%,9%{transform:translate3d(0, 0, 0)}2%,8%{transform:translate3d(2px, 0, 0)}3%,5%,7%{transform:translate3d(-4px, 0, 0)}4%,6%{transform:translate3d(4px, 0, 0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}*{margin:0;padding:0;outline:0;font-family:"Roboto",sans-serif;font-size:14px;box-sizing:border-box}img{border:0}body,html{height:100%}div.container{min-height:500px;margin:0 auto 0 auto;padding:50px;transition:transform .2s ease-in-out,opacity .2s ease-in-out}@media only screen and (min-width: 600px){div.container{width:370px;padding-top:150px}}div.container div.login-head{text-align:center;height:200px;background:url(/images/logo.svg) no-repeat center center;background-size:45%}div.container:not(.active){transform:translateY(-50px);opacity:0}div.container.active div.login-head{animation:scaler .2s ease-out}div.container a{color:#666;font-size:.8rem;margin-top:10px;display:inline-block;text-decoration:none}div.container a:hover{text-decoration:underline}div.container p.error{color:#ff2828;margin-top:10px;text-align:center}div.footer{font-size:11px;position:absolute;bottom:10px;right:10px}input{display:block;margin-top:20px}input.input{width:100%;padding:15px 0;border:none;border-bottom:2px solid #cdcdcd;background:none;transition:border .3s ease-in-out}input:focus{border-color:#666}button{width:60px;height:60px;font-weight:bold;color:#30b16e;border:2px solid #30b16e;cursor:pointer;transition:background .3s ease-in-out;border-radius:100%;background:none;display:block;margin:50px auto 0 auto}button svg{width:100%;height:100%;padding:10px;fill:#30b16e;transition:fill .3s ease-in-out}button:hover{color:#fff;background:#30b16e}button:hover svg{fill:#fff}