html, body {
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    font-family:'Roboto Condensed'
}

.roboto-condensed-uniquifier {
    font-family: "Roboto Condensed", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
}
#page{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#question-area{
    width:500px;
    height:350px;
    background-color:rgb(38, 36, 36);
    border-radius:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:50px;
}
.answers{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
}
#yes{
    width:300px;
    height:60px;
    border:solid gold;
    border-radius:20px;
    color:gold;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
#no{
    width:300px;
    height:60px;
    border:solid gold;
    border-radius:20px;
    color:gold;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.question-orig{
    width:400px;
    height:60px;
    border:solid gold;
    border-radius:20px;
    color:gold;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:10px;
}
#yes:hover{
    border:solid lightblue;
    color:lightblue;
}
#no:hover{
    border:solid lightblue;
    color:lightblue;
}
#result{
    width:500px;
    height:350px;
    background-color:rgb(38, 36, 36);
    border-radius:10px;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:50px;
    color:gold;
    gap:10px;
}
#accept{
    background-color:gold;
    border:solid black;
    height:40px;
    padding:8px;
    font-family: 'Roboto Condensed';
    cursor:pointer;
}