#main-container {
    height: 300px;
    width: 500px;
}

#options-header-text {
    font: 20pt Arial;
    margin-left: 20px;
}

input[type=checkbox]
{
    margin: 10px;
}

select
{
    font-size: 16pt;
}

#start-header {
    width: 500px;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.start-header-text {
    font: 24pt Arial;
    width: 500px;
    height: 100px;
    margin-bottom: 10px;
    text-align: left;
    display: inline;
    vertical-align: middle;
}

#fastmathquiz-logo {
    height: 100px;
    width: 100px;
    display: inline;
    vertical-align: middle;
}

.start-buttons {
    height: 120px;
    width: 120px;
    border-width: 2px;
    line-height: 90px;
    padding-top: 50px;
    font-size: 18pt;
    background-size: 70px 70px;
    background-position: 26px 10px;
}

#start-game-button {
    background-size: 70px 70px;
    background-position: 26px 10px;
    margin-left: 120px;
}

#options-button {
    background-size: 70px 70px;
    background-position: 26px 10px;
    margin-left: 20px;
}

.back-buttons {
    height: 34px;
    width: 34px;
    border-radius: 17px;
    border: 2px solid;
    background-size: 60px 60px;
    background-position: -16px -15px;
}

.back-buttons:active {
    background-size: 60px 60px;
    background-position: -16px -15px;
}

#start-view {
    width: 500px;
}

#game-view {
    width: 500px;
}

#options-view {
    width: 500px;
}

#game-content {
    display: flex;
}

.scoreboard-header {
    float: none;
}

.scoreboard-item {
    margin-left: 10px;
    display: block;
    height: 100px;
}

.scoreboard-image {
    height: 32px;
    width: 32px;
}

.scoreboard-label {
    font-size: 14pt;
}

.scoreboard-indicator-container {
    width: 76px;
    height: 76px;
    -webkit-border-radius: 38px;
    -moz-border-radius: 38px;
    border-radius: 38px;
    margin-top: -16px;
}

.scoreboard-indicator {
    font-size: 28pt;
    padding-top: 16px;
    width: 50px;
}

#math-container {
    padding-top: 10px;
    display: inline;
    width: 350px;
    margin-left: 10px;
}

#math-question {
    margin-bottom: 20px;
    font-size: 34pt;
    margin-left: 20px;
}

.math-element {
    width: 60px;
    margin: -9px;
}

.math-operator {
    width: 30px;
}

.math-answer {
    width: 90px;
}

#math-buttons {
    width: 213px;
    margin-left: 45px;
}

.number-button {
    height: 45px;
    width: 65px;
    font-size: 20pt;
    margin-left: 1px;
    margin-top: 1px;
}

.special-number-button {
    font-size: 14pt;
}

.option-group {
    margin-top: 20px;
}

.option-heading {
    font-size: 14pt;
    margin-top: 40px;
    width: 300px;
    display: inline;
}

.option-item {
    font-size: 11pt;
    margin-top: 10px;
    width: 300px;
    display: inline;
}

.option-label {
    line-height: 30px;
}

.option-selector {
    float: right;
}

#modal-container {
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    height: 180px;
    margin-left: -140px;
    padding: 10px;
    top: 60px;
    width: 260px;
}