h1{
    color:rgb(24, 24, 24);
    font-family: 'Courier New', Courier, monospace;
    font-size: 10.5vh;
    font-weight: 400;
    margin: 0;

}
header{
    background-color: grey;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 12.5vh;
    width: 100%;
    
}
body{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: rgb(236, 235, 235);
    position: relative;
}
* {
    margin: 0;
    padding: 0;
}
button{
    text-decoration: none;
    color:rgb(24, 24, 24) ;
    font-weight: 400;
    font-size: 10.4vh;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: grey;
    font-family: 'Courier New', Courier, monospace;
}
.Maiusc{
    font-weight: 700;
}
button:hover{
    color: white;
    cursor: pointer;
}
@media(max-width:768px){
    h1{
        font-size: 8vh;
    }
    button{
        font-size: 8vh;
    }
    header{
        height: 9.2vh;
    }
}
@media(max-width:576px ){
    h1{
        font-size: 7vh;
    }
    button{
        font-size: 7vh;
    }
    header{
        height: 8vh;
    }
}
img{
    position: absolute;
    transform: translateX(-50%); 
    width: 20%;
}