@font-face {
    font-family: Oswald;
    src: url(Oswald.woff2);
}
*{
text-transform: capitalize;
}
body{
background-size: cover;
text-align: center;
font-family: 'Oswald', sans-serif;
background: #83a4d4; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #83a4d4 , #b6fbff); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #83a4d4 , #b6fbff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.intro{
margin: 20% auto 0;
width: 90%;
text-align: center;
}
.intro h1{
font-size: 130px;
color: #ED504C;
}
.intro span{
font-weight: lighter;
color: #FF7571;
}
.intro a{
text-decoration: none;
color: #FFFFFF;
background-color: #3C639C;
padding: 5px 15px;
font-size: 120%;
}
.login{
width: 300px;
height: auto;
margin: 18% auto 0;
background-color: #F5F5F5;
padding: 15px;
box-shadow: 0px 0px 0px 10px rgba(0,120,126,0.3);   
}
.login span{
font-size: 30px;
color: #333333;
float: left;
}
.login input[type="text"], input[type="password"]{
height: 30px;
width: 92%;
margin-top: 10px;
padding: 5px 10px;
color: #333333;
font-weight: bold;
border: none;
}
.login input:focus {
    border: 3px solid #555;
}
.login input[type="submit"], input[type="button"]{
padding: 10px 15px;
width: 100%;
margin-top: 10px;
background-color: #00787E;
color: #FFFFFF;
font-weight: bold;
}
.login a{
color: #D3D3D3;
text-decoration: none;
vertical-align: bottom;
}