:root {
    color-scheme: light dark;
}

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

body {
    font-family: "Madimi One", sans-serif;
}

#principal {
    text-align: center;
    margin-top: 15%;
}

button {
    font-size: 45px;
    border: none;
    border-radius: 5px;
    padding: 20px;
    margin: 10px;
    display: inline-block;
}

#botones {
    margin-right: 15%;
}

#sí	{
    background-color: #a81212;
    color: #ffffff;
}

#no {
    background-color: #12a837;
    color: #ffffff;
    position: absolute;
}

#aviso {
    display: none;
}

@media (width < 768px) {
    #botones {
        display: none;
    }
    #aviso {
        display:block;
    }
}