body{
background-image: url("Bbg.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: 326px;
height: 105px;
background-image:url("logo.png");
background-size: cover;
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{
display: flex;
flex-direction: column;
align-items: center;
align-self: flex-start;
margin-top: 103px;
margin-left: 318px;
width: 820px;
height: 497px;
}

h1{
margin-bottom: 5px;
}

#result{
font-size: 21px;
color: white;
text-align: center;
margin-bottom: 20px;
}

#result h2{
margin-bottom: 0px;
}

button{
width: auto;
max-width: none;
height: 52px;
background: #FFF7E0;
border-style: none;
border-radius: 21px;
outline: none;
color: black;
font-size: 23px;
}
    
button:hover{
background: #D6DDF5;
}