body {
    min-height: 100vh;
    font-family: "Press Start 2P";
    background-image: url(background.png);
    background-position: center;
    background-size: auto 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin: 0;
    display: flex;
    flex-direction: column;
}

#content {
    align-self: center;
    width: 75%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#headers {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;   
}

#header1 {
    text-align: center;
    color: white;
    text-shadow: 1px 1px 1px #000;
}

#header2 {
    text-align: center;
    font-size: 0.8em;
    color: white;
    text-shadow: 1px 1px 1px #000;
}

#info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

summary {
    list-style-type: none; /* Firefox */
}
  
summary::-webkit-details-marker {
    display: none; /* Chrome */
}

a:link {
    color: #ffd104
}

a:visited {
    color: #bb9900
}

#info-point {
    margin-top: 0.5em;
    padding: 1em;
    width: 15em;
    background-color: rgb(194, 97, 28);
    border: 1px solid rgb(58, 28, 0);
    text-align: center;
    color: white;
    text-shadow: 1px 1px 1px #000;
    
}

#info-point-adv {

    color: white;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-size: 0.8em;
    width: 16em;
    margin: auto;
    padding: 1em;
}

#timing {
    padding: 1em;
}

#info-point-timing {

    color: white;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    font-size: 0.8em;
    width: 16em;
    margin: auto;
    padding: 0.4em;

}

#guest {
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;   
}

#questionConfirm, #questionStay, #questionPlusOne {
    display: flex;
    justify-content: flex-start; 
    margin-top: 1em;
    text-align: left;   
    color: white;
    text-shadow: 1px 1px 1px #000;
}

#survey {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    font-size: 1em;

}

#sendResults {
    margin-top: 1em;
    padding: 1em;
    width: 15em;
    background-color: rgb(194, 97, 28);
    border: 1px solid rgb(58, 28, 0);
    font-family: "Press Start 2P";
    text-align: center;
    color: white;    
}

#flagConfirm, #flagStay, #flagPlusOne {
    text-align: left;
}

#textResult {
    text-align: center;
}
