body{
    margin: 0%;
    padding: 0%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.header{
    background-color: black;
    width: 100%;
    font-weight:bolder;
    position: sticky;
    top: 0px;
    z-index: 1;
}

.header >div{
    display: flex;
    justify-content: center;
    gap: 20px;
    color: white;
    font-size: 1vw;
}
.header > div >h1{
    color: antiquewhite;
    text-shadow: 1px 1px 4px rgb(247, 2, 2);
    font-size: 2vw;
}

.header > nav{
    background-color: whitesmoke;
    padding: 10px;
    display: flex;
    justify-content: space-around;
}

.header > nav >a{
    color: black;
    font-size: 1.5vw;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: border-bottom 2s ease;
}

.header > nav >a:hover{
    border-bottom: 3px solid black;

}
@media screen and (max-width:426px) {
    .icons{
        height: 30px;
    }
    
}
@media screen and (min-width:426px) and (max-width:769px) {
    .icons{
        height: 50px;
    }
    
}

footer{
    background-color: black;
    padding: 10px;
    text-align: center;
    color: white;
}