body{
    
    background-size: cover;
    background-image: linear-gradient(90deg, #fdbb2df1 0%, #22C1C3 100%);
    display: grid;
    place-items: center;
    
}

.how{
    background-color: black;
    color: white;
    position: absolute;
    max-width: 300px;
   align-content: center;
   justify-content: center;
    border-radius: 10px;
    border-color: rgb(11, 121, 138);
    border-width: 4px;
    border-style: double;
}

.hidden{
    display: none;
}


button{
    background-color: rgb(11, 121, 138);
    color: white;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
    cursor: pointer;
}

button:hover{
    background-color: white;
    color: rgb(11, 121, 138);
}


main{
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;

}