*{
    margin: 1px;
    padding: 5px;
    box-sizing: border-box;
}

header > h1, header > h2{
background-color:crimson;
color: black;
text-align: center;
color: black;
padding: 0px,20px;
margin: auto;
font-family:fantasy;
}
header > h1{
    font-size: 3rem;
}

header > h2{
    font-size: 2,2rem;
}

nav > ul{
    list-style-type: none;
    display: flex;
    flex-direction: column;
}


nav > ul > li{
    width: 100%;
}

nav > ul > li > a{
    background-color:firebrick;
    color: black;
    display: block;
    text-align: center;
    padding: 10px,0px;
    border:black solid 10px;
    font-size: 70px;
    font-family: fantasy;
}

nav > ul > li > a:hover{
    background-color: white;
}

main{
height: 500px;
background-color:crimson;
}

main > article{
    padding: 10px, 15px;
}

main > article:hover{
    background-color: white;
}

main>img:hover{
    background-color: crimson;
}