*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-weight: bold;
    font-size:large;
}

body{
    min-height: 100vh;
}

.container{
    display:flex;
    flex-direction:column;
    justify-content: center;
    min-height: 100vh;
    align-items: center;
}

.buttons{
    display:grid;
    grid-template-columns: repeat(4 , 1fr);
    gap:5px;
    padding:5px;
    width:100%;
    max-width: 900px;
}

button{
    width:100%;
    cursor:pointer;
    outline: none;
    border-style: none;
    padding:5px;
    border-radius:8px;
}

#equale{
    min-width:100%;
    grid-column: 2/5;
    background-color:red;
}

form{
    max-width: 900px;
    width:100%;
}

input{
    padding: 4px 3px;
    width:100%;
    max-width: 900px;
    outline: none;
    border-radius:8px;

}