@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap');
*{
    box-sizing: border-box;
}

body{
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
    font-family: "Inconsolata", monospace;
}

header{
    height: 80px;
    text-align: center;
    background-color: cornflowerblue;
    padding-top: 30px;
}

header input, header select{
    font-size: 1.5em;
}

main{
    margin-bottom: 100px;
}

#rubio{
    padding: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

#rubio>div{
    border: 1px solid cornflowerblue;
    padding: 10px;
    text-align: right;
    font-size: 2em;
}

#rubio>div hr{
    border: 1px solid cornflowerblue;
}

#rubio>div input{
    text-align: right;
    padding: 5px;
    font-size: 1em;
    max-width: 200px;
}

.ko{
    background-color: rgb(231, 163, 163);
}

.ok{
    background-color: rgb(154, 236, 154);
}

.boton{
    text-align: center;
}

.boton input{
    background-color: cornflowerblue;
    color: white;
    font-size: 1.3em;
    padding: 10px;
    border: 1px solid blue;
}