body {
    background-color: #fff8ef;
    color: #00236d;
    font-family: 'Garet', sans-serif;
    text-align: center;
    margin: auto;
    padding: 0.5em;                                                
}

h1 {
    font-size: 2em;
}

footer {
   
    display: inline-block; 
    /**position: absolute;
    margin: auto;
    bottom: 10px;**/
}

button {
    font-family: 'Garet', sans-serif;
    font-style: bold;
    width: 100px;
    font-size: 18px;
    padding: 10px;
    border-radius: 20px;
    border: 2px solid #f55e61;
    background: #f55e61;
    color: #000000;
    cursor: pointer;  
    }

button:hover {
    background: #c23352;
    border: 2px solid #c23352;
}

button:active{
    background-color: #ff9992;
    border: 2px solid #ff9992;
}


@media only screen and (min-width: 1024px) {

    h1 {
        font-size: 3em;
    }

}