/* -------- class selectors ---------*/

body {
    background-color: lightgray; 
}

.timer {}

#div-prompt {
 text-align: left;
 margin: 3px;
 font-weight: bold;
 color: Red;
}


.div-center {
 margin-left: auto;
 margin-right: auto;
}

.div-prompt-red {
 text-align: left;
 margin: 3px;
 font-weight: bold;
 color: Red;
}

.div-prompt-orange {
 text-align: left;
 margin: 3px;
 font-weight: 600;
 color: orangered;
}

.div-menubar {
 padding-top: 2px;
 padding-bottom: 2px;
 margin-bottom: 0px;
 text-align: center;
}

.div-bold {
 padding-top: 1px;
 padding-bottom: 0px;
 font-weight: bold;
}


.div-title {
 text-align: center;
 font-weight: bold;
 padding-top: 1px;
 padding-bottom: 1px;
}

.div-title-left {
 text-align: left;
 font-weight: bold;
 padding-top: 1px;
 padding-bottom: 1px;
}

.div-title-right {
 text-align: right;
 font-weight: bold;
 padding-top: 1px;
 padding-bottom: 1px;
}

.div-bar {
 margin-left: 10px;
 margin-right: 10px;
 padding-top: 3px;
 padding-bottom: 3px;
 text-align: right;
}