@import url('https://fonts.googleapis.com/css?family=Oswald');
body{
font-family: 'Oswald', cursive;
background-image: url(../img/bg.jpg);
text-align: center;
margin:0;padding:0;

}

.center{position:relative;margin:5%;}
.center a{padding:0 0.4em; text-decoration: none;display: inline-block;}
.center a:hover{opacity: 0.8}
.center > p{font-size: 2em;color:#fefefe;}
#form{
border-radius:2px;
padding:20px 30px;
font-size:1.4em;
font-weight:bold;
width:350px;
background:#fff;
display: none;
position:absolute;
margin: 0 0 0 50%;
left: -205px;
top: 0;
}

.xis{position:absolute;top:0px;right:10px;cursor: pointer;font-size:1.5em;}

h3{
text-align:center;
font-size:2em;
}

input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}

input[type=button]{
background-color:#d2ab67;
border:1px solid white;
font-family: 'oswald', cursive;
font-size:medium;
color:white;
}

textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}

span{
color:red
}

#note{
color:black;
font-Weight:400;
}

#returnmessage{
font-size:1.5em;
color:green;
text-align:center;
}
footer{text-align: center;position: absolute;bottom:10px;width: 100%;padding:0;margin:0;}
footer a{font-size: 1em;font-family: monospace;color:#333;opacity: 0.4;text-decoration: none;padding:0;}
footer a:hover{opacity: 1}