@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
@import url('https://fonts.googleapis.com/css?family=Audiowide');
body {
	 background-image: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)), url("../img/background.jpg");
	 background-repeat: no-repeat;
	 background-size: cover;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     font-family: 'Montserrat', sans-serif;
     height: 100vh;
     margin: -20px 0 50px;
}

 h1 {
	 font-family: 'Audiowide', sans-serif;
     font-weight: bold;
     margin: 0;
}

 a {
     color: #FFF;
     font-size: 12px;
	 letter-spacing: 1px;
     text-decoration: none;
     margin: 15px 0;
}
 .button {
     border-radius: 20px;
     border: 1px solid #00b5cc;
     background: #00b5cc;
     color: #FFFFFF;
     cursor: pointer;
     font-size: 12px;
     font-weight: bold;
     padding: 12px 45px;
     letter-spacing: 1px;
     text-transform: uppercase;
     transition: transform 80ms ease-in;
	 margin: 10px;
}
 .button:active {
     transform: scale(0.95);
}
 .button:focus {
     outline: none;
}
 .button.ghost {
     background-color: transparent;
     border-color: #FFFFFF;
}

form {
     background-color: #FFFFFF;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     padding: 0 50px;
     height: 100%;
     text-align: center;
}
 form h1 {
     margin-bottom: 35px;
}
 input[type=text], input[type=password], input[type=email] {
     background-color: #eee;
     border: none;
     padding: 12px 15px;
     margin: 8px 0;
     width: 100%;
}

 .container {
     background-color: #fff;
     border-radius: 10px;
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
     position: relative;
     overflow: hidden;
	 justify-content: center;
	 align-content: center;
     width: 768px;
     max-width: 100%;
     min-height: 480px;
     display: block;
}

.error p {
 color:#FF0000;
 font-size:20px;
 font-weight:bold;
 margin:50px;
 }

 .footer {
     display: block;
}
 footer {
     background-color: #222;
     color: #fff;
     font-size: 14px;
     bottom: 0;
     position: fixed;
     left: 0;
     right: 0;
     text-align: center;
     z-index: 999;
}
 footer p {
     margin: 10px 0;
}