body {
    min-height:calc(100vh - 303px);
    padding-bottom: 303px;
    position: relative;
}
#footer {
    position:absolute;
    bottom:0;
    width:calc(100% - 20px);
}
.center {
    text-align: center;
}
.onetoten {
    width: 300px;
    margin:auto;
    margin-top:10px;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
.numberbutton {
    padding:5px;
    border:1px solid black;
    border-radius: 4px;
    background-color: #f0f0f0;
}
.numberbutton:hover {
    background-color: #d8d194;
}
.numberbutton:active {
    background-color: #9c9223;
}
.active {
    background-color: #c8b510;
    border:2px solid black;
    padding:4px;
}
.active:hover {
    background-color: #bbaf30;
}
.free{
    margin-top:10px;
    min-width: 250px;
    min-height: 80px;
    font-family: Poppins;
}
.question {
    border-top:black solid 1px;
    padding-top:30px;
    margin-bottom:30px;
}
.large-options {
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:auto;
    width: 300px;
    margin-top:10px;
}
.reminder {
    font-weight: bold;
    color: rgb(var(--green));
    display:none;
}
.margin {
    margin-left:7px;
    margin-right: 7px;
}
.back_link {
    display:none;
    font-size: large;
}