*{
    padding: 0;
    margin: 0;



}
a{
    color: black;
    text-decoration: none;


}




header{
font-family: fantasy;
background-color: white;
padding: 30px;
text-align: center;

}
header h1{
    font-size: 60px;
    margin-bottom: 20px;


}
header nav ul{
    display: flex;
    justify-content: space-around;
    list-style-type: none;


}
.hero img{
    width: 100%;


}
.about {
    font-family: fantasy;
    background-color: white;
    padding: 30px;
    text-align: center;
}
.about h2{
    font-size: 36px;
    margin-bottom: 20px;
}
.menu{
    font-family: fantasy;
    background-color: #f8efb8;
    padding: 30px;
    text-align: center;

}
.menu h2{
    font-size: 36px;
    margin-bottom: 20px;
}
 table {
        margin: 0 auto;
    }
.menu p{
    margin-bottom: 20px;
}
aside{
    font-family: fantasy;
    background-color: #1f6794;
    color: white;
    text-align: center;
    padding: 30px;
}
aside h2{
    font-size: 36px;
    margin-bottom: 30px;
}
aside img{
    width: 250px;
}
aside .btn{
    display: inline-block;
    background-color: white;
    padding: 20px 80px;
    border-radius: 100px;
}
footer{
    font-family: fantasy;
    text-align: center;
}