.sidebar-container{height:100vh;width:15rem;background-color:#eceff5;position:relative;float:left;margin-right:-15rem;display:block;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#DBDFE6 transparent}.sandwich-menu-button{position:fixed;left:1rem;top:1rem;z-index:1000;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;cursor:pointer}.sandwich-menu-button:hover,.sandwich-menu-button:focus{transform:scale(1.1)}h5{margin:0}.header-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;border:1px solid #DBDFE6}.header-container-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5em;background-color:#dbdfe6}.header{width:100%;height:2em;padding-top:1em;text-align:center}.header-obs{width:100%;height:3em;font-size:15px;display:flex;align-items:center;text-align:center;border-top:2px solid #DBDFE6}.header-obs-overlay{width:100%;height:3em;font-size:15px;display:flex;align-items:center;text-align:center;border-top:2px solid #ECEFF5;background-color:#dbdfe6}.sidebar-guessed-color,.sidebar-correct-color{width:33.3%;height:47px;display:flex;justify-content:center;align-items:center;border-right:2px solid #DBDFE6}.sidebar-guessed-color-overlay,.sidebar-correct-color-overlay{width:33.3%;height:47px;display:flex;justify-content:center;align-items:center;border-right:2px solid #ECEFF5}.sidebar-score{width:33.3%;height:47px;display:flex;justify-content:center;align-items:center}.sidebar-content{display:flex;flex-direction:column;width:100%;overflow-y:auto;overflow-x:hidden}.correct-answer,.wrong-answer{display:flex;align-items:center;height:3em}.color-correct-answer-container,.color-wrong-answer-container{width:33.3%;height:100%;font-size:medium;display:flex;justify-content:center;align-items:center}.color-correct-answer-container-wide{width:70%;height:100%;font-size:medium;display:flex;justify-content:center;align-items:center}.color-correct-answer,.color-wrong-answer{border-radius:5px;padding:5px;cursor:pointer}.color-correct-answer-wide{border-radius:5px;padding:5px 40px;cursor:pointer}.score-answer{width:33.3%;height:100%;display:flex;justify-content:space-evenly;align-items:center;color:#000}.overlay-content{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:999;display:flex;flex-direction:column;color:#000;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#DBDFE6 transparent}.even-row,.odd-row-overlay{background-color:#dbdfe6}.even-row-overlay{background-color:#eceff5}.dark-text{color:#000}.light-text{color:#fff}.sidebar-container::-webkit-scrollbar,.overlay-content::-webkit-scrollbar{width:3px;height:3px}.sidebar-container::-webkit-scrollbar-track,.overlay-content::-webkit-scrollbar-track{background:transparent;padding:2px}.sidebar-container::-webkit-scrollbar-thumb,.overlay-content::-webkit-scrollbar-thumb{background-color:#ced4df}.reset-button{height:50px;width:108.97px;position:fixed;display:flex;justify-content:center;align-items:center;bottom:1rem;right:1rem}.restart-button{height:100%}.start-button{position:absolute;height:50px;bottom:6em;right:4.5em}.scoreboard-container{background-color:#eceff5;display:flex;max-width:400px;max-height:80px;border:1px solid #BDBFC4;border-radius:5px}.remaining-time{display:flex;justify-content:center;align-items:center;width:40%}.time-container{height:100%;width:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;text-align:center}.score-container{width:40%}.high-score{display:flex;align-items:center;justify-content:space-evenly;height:37px;padding:0 19px;border-bottom:1px solid #BDBFC4}.score{display:flex;align-items:center;justify-content:space-evenly;height:37px}h6{margin:0}.progress-bar{width:15em;height:5px;background-color:#eceff5;position:relative;margin-top:1em}.progress{height:100%;background-color:#4caf50;position:absolute;top:0;left:0;width:0%}.selectedcolor-container{position:relative}.color-square{position:relative;min-width:15em;min-height:15em;background-color:red}.start-color-square{opacity:.5}.hidden{display:none}.guessedcolor-container{width:20em;display:flex;justify-content:space-evenly;align-items:center;border-radius:5px;font-size:1rem;margin-top:1em;margin-bottom:5em}.guessedcolor{padding:10px}.custom-popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #00000080;text-align:center;width:30em;font-size:medium}.popup-content button{margin-top:10px}ul{text-align:left}.title{display:flex;justify-content:center;align-items:center}.rules{display:flex;justify-content:center;align-items:center;margin-left:1em;cursor:pointer}.container{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100vh;width:100%;overflow:hidden}.wrapper{position:relative;height:100vh;width:100%;overflow:hidden}.content-wrapper{float:right;width:100%}.content{position:relative;left:15rem;height:100vh;width:85%;clear:both;overflow:hidden}.adapted{left:0!important;width:100%!important;overflow:hidden}.container-wrapper{position:relative;height:100vh;width:100%;overflow:hidden}