ul{
    height: 100px;
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

header {
    background-color: rgb(208, 111, 221);
    height: 100px;
}

a{
    font-size: var(--tamanhoLink);
    text-decoration: none;
    color: rgb(255, 218, 137);
}

a:hover{
    color: rgb(3, 3, 3);
}

img{
    display: none;
}
@media screen and (max-width:600px) {
    header {
        position: fixed;
        width: 100px;
        height: 100vh;
    }
a{
   font-size: var(--tamanhoLink); 
}
}

img{
    
    display: inline;
    width: 80px;

}