@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');

:root{

}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Merienda', sans-serif;
    background-color: #E7E0C9;
    color: #11324D;
}

h1{
    text-align: center;
    margin: 3rem;
}

.container{
    max-width: 22rem;
    margin: auto;
    
}

input {
    margin-bottom: 2rem;
    width: 20rem;
    padding: .5rem;
    border-radius: 0.5rem;
}

button{
    margin-bottom: 2rem;
    cursor: pointer;
    padding: .6rem;

    border: none;
    border-radius: 0.5rem;

    background-color: #11324D;
    color: #E7E0C9;
}