header{
    text-align: center;
    font-size: 2em;
    background-color: rgb(255, 0, 0);
    padding: 20px;
    margin: -7px;
    color: rgb(247, 208, 118);
    border: black solid 3px;
    
      
}
body{
    margin: 0px;

}

.title{
    text-shadow: black 5px 1px 3px;
}

hr{
    margin: 0px;
}

.nav a{
    display: block;
    text-decoration: none;
    color:rgb(104, 4, 2)
}


.nav ul{
    list-style-type: none;
    background-color: rgb(247, 208, 118);
    margin: 0px;
    padding-inline: 20px;
    display: flex;
    justify-content: space-around;
    
    
}

li{
    text-decoration: none;
    padding: 3%;
    margin: 0px;
    
}

nav a:hover{
    background-color: rgba(43, 42, 41, 0.723);
}

h1{
    text-align: center;
    text-shadow: rgb(247, 208, 118) 5px 1px 3px;
}

.div1{
    background-color: rgb(255, 0, 0);
    display: flex;
    flex-direction:column;
    text-align: center;
}

.div2{
    background-color: rgb(247, 208, 118);
    display: flex;
    flex-direction:column;
    text-align: center;
}

.div3{
    background-color: rgb(255, 0, 0);
    display: flex;
    flex-direction:column;
    text-align: center;
}

.div4{
    background-color: rgb(247, 208, 118);
    display: flex;
    flex-direction:column;
    text-align: center;
}

.div5{
    background-color: rgb(255, 0, 0);
    display: flex;
    flex-direction:column;
    text-align: center;
}

div{
    display: flex;
    flex-direction:column;
    text-align: center;
    
}

form{
    display: flex;
    flex-direction:column;
    text-align: center;
    background-color: rgb(247, 208, 118)
}