body{
background-image: url("bg1.png");
background-size: cover;
background-repeat: no-repeat;
margin: 0;
min-height: 100vh;
font-family: Verdana, sans-serif;
}

#header{
width: 100%;
max-width: 1382px;
height: 104px;
margin-left: 22px;
margin-bottom: 80px;
}

.logo{
width: 100%;
max-width: 326px;
height: 105px;
background-image:url("logo.png");
background-size: contain;
background-repeat: no-repeat;
float: left;
}

ul{
    float: right;
	list-style-type:none;
    margin-top: 30px;
}

li{
    position: relative;
	display:inline-block; 
    padding:2px 10px;
	text-align:center;
}

.nav{ 
    color: black;
    font-size: 20px;
    text-decoration:none;
}
.nav:hover{
    color: #EBB528;
}
.current{
    border-bottom:solid 3px black;
}

#container{
margin-left: 70px;
width:100%;
max-width: 542px;
height: 534px;
background-color: rgba(255, 247, 224, 0.7);
border-radius: 46px;    
border: 1px solid #fff7e0;
}

#message-container{
font-size: 17px;
color: #F4B183;
margin-bottom: 10px;
}

form{
padding-left: 65px;
margin-top: 40px;
}

label{
font-size: 20px;
}

label .hint{
font-size: 13px;
}

input[type=text], input[type=password] {
width: 100%;
max-width: 395px;
height: 40px;
margin: 10px;
box-sizing: border-box;
border-style: none;
outline: none;
border-radius: 15px;
font-size: 18px;
}

button{
width: 100%;
max-width: 138px;
height: 52px;
margin-top: 20px;
margin-left: 125px;
background: #F4B183;
border-style: none;
border-radius: 21px;
outline: none;
color: white;
font-size: 21px;
}

button:hover{
background: #D88846;
}

p{   
font-size: 19px;
padding-left: 155px;
}

a:link, 
a:visited, 
a:active {
text-decoration: none; 
color: black;
}
a:hover {
text-decoration: none;
font-weight: bold;
}