@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes scale {
  0% {
    transform: scale(0.8);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
* {
  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%;
  padding-top: 50px; }

body {
  background: linear-gradient(#FFFFFF 0%, #FFFFFF 300px, #F9F9F9 300px, #F9F9F9 100%); }

div.container {
  width: 370px;
  background: #FFFFFF;
  margin: 0 auto 0 auto;
  padding: 50px;
  box-shadow: 0 0 30px 1px #CDCDCD;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; }
  div.container:not(.active) {
    transform: translateY(-50px);
    opacity: 0; }

div.login-head {
  text-align: center;
  height: 200px;
  background: url(/images/logo.svg) no-repeat center center;
  background-size: 45%; }

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 0.3s ease-in-out; }
  input:focus {
    border-color: #666666; }

button {
  width: 60px;
  height: 60px;
  font-weight: bold;
  color: #185736;
  border: 2px solid #185736;
  cursor: pointer;
  transition: background 0.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: #185736;
    transition: fill 0.3s ease-in-out; }
  button:hover {
    color: #FFFFFF;
    background: #185736; }
    button:hover svg {
      fill: #FFFFFF; }

/*# sourceMappingURL=login.css.map */