.background {
    background-image: url("bg.jpg");
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

.center {
    margin: auto;
    padding: 10px;
    text-align: center;
}

.center-root { 
    height: 100%;
    position: relative;
}
  
.center-child {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

table {
    background-color: #c9c9c9c2;
}

.table-border {
    border: 2px solid rgb(47 60 41);
    display: inline-block;
}
.box {
    width: 100px;
    height: 100px;
    font-size: 36px;
    font-weight: 800;
    border: 2px solid #000;
    font-family: 'Trebuchet MS', sans-serif;
}

.right {
    background-color: rgb(64, 240, 64);
}

.wrong {
    background-color: rgb(248, 109, 109);
}

.color-0 {
    background-color: rgb(118, 135, 194);
    cursor: pointer;
}
.color-1 {
    background-color: rgb(221, 134, 182);
    cursor: pointer;
}
.color-2 {
    background-color: rgb(186, 139, 77);
    cursor: pointer;
}
.color-3 {
    background-color: rgb(170, 197, 106);
    cursor: pointer;
}
.color-4 {
    background-color: rgb(250, 128, 128);
    cursor: pointer;
}

.menu {
    position:absolute;
    top: 40%;
    text-align: center;
    width: 100%;
}

.menu-title {
    width: 50px;
    padding: 5px;
    border-radius: 20px;
    color: #fff;
    opacity: 0.7;
    font-size: 28px;
    display: inline-block;font-family: 'Brush Script MT', cursive;
}

.menu-option {
    padding: 20px;
    background-color: rgb(68, 68, 68);
    border-radius: 20px;
    color: #fff;
    width: 100px;
    height: 100px;
    opacity: 0.7;
    font-size: 40px;
    display: inline-block;
    cursor: pointer;
}

.menu-option-text {
    font-size: 10px;
}

.game-play-instruction {
    width: auto; 
    height: auto; 
    font-size: 14px; 
    opacity: 1;
    margin-top: 20px;
    font-weight: 800;
}

.highlights {
    background-color: bisque;
    padding: 5px;
}


.scoreboard {
    text-align: center;
    font-size: 50px;
    font-weight: 800;
    margin: 10px;
    padding: 10px;
    color: #fff;
    min-height: 100px;
    font-family: Georgia, serif;
}

.scoreboard-child {
    background-color: #222c1f;
    width: 500px;
    display: inline-block;
    border: 2px solid #000;
}

.scoreboard-block-one {
    display: inline-block;
    text-align: left;
    width: 50%;
}

.game-hint {
    text-align: center;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    margin: 10px;
    padding: 10px;
    color: rgb(88, 88, 88);
    opacity: 0.6;
}

.score {
    text-align: center;
}