@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

::-webkit-scrollbar {
    display: none;
}

header {
    padding-top: 20px;
    text-align: center;
}

#logo {
    width: 200px;
}

main {
    padding: 10px;
}

.card {
    text-align: center;
    max-width: 800px;
    margin: 20px auto;
}

@media (max-width: 920px) {
    header {
        padding: 0px;
    }
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.closed {
    display: none;
}

.card-title {
    font-size: 1.3em;
    font-weight: bold;
}


/* img {
    object-fit: fill;
    height: 200px;
} */