:root{--mainBackgroundColor:#111225;--mainTextColor:#fff;--headerBackgroundColor:#f5f5f5;--headerColor:#000;--saveButtonColor:#008500;--saveButtonHoverColor:#006300;--resetButtonColor:#db0000;--resetButtonHoverColor:#a80000;--historyButtonColor:#0089be;--historyButtonHoverColor:#007bac;--userOptionImageShadowColor:#000;--historyHeadingBackgroundColor:#f5f5f5;--historyHeadingColor:#000}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{font-family:"Roboto",sans-serif;background-color:#111225;background-color:var(--mainBackgroundColor);color:#fff;color:var(--mainTextColor)}.header{background-color:#f5f5f5;background-color:var(--headerBackgroundColor);color:#000;color:var(--headerColor)}.scoreboard-score-container{padding:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.scoreboard-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-top:1px solid #333}.scoreboard-footer button{height:40px;width:80px;outline:none;border:0 solid transparent;color:#fff;margin:10px 5px;transition:all .4s ease}.scoreboard-footer button:first-child{background-color:#008500;background-color:var(--saveButtonColor)}.scoreboard-footer button:first-child:hover{background-color:#006300;background-color:var(--saveButtonHoverColor)}.scoreboard-footer button:nth-child(2){background-color:#db0000;background-color:var(--resetButtonColor)}.scoreboard-footer button:nth-child(2):hover{background-color:#a80000;background-color:var(--resetButtonHoverColor)}.scoreboard-footer button:nth-child(3){background-color:#0089be;background-color:var(--historyButtonColor)}.scoreboard-footer button:nth-child(3):hover{background-color:#007bac;background-color:var(--historyButtonHoverColor)}.scoreboard-header-text{padding-top:10px}.main-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-top:10px;padding:20px 10px}.options-main-text{margin:0 0 10px}.user-section{width:100%;display:grid;grid-template-columns:.5fr 1.5fr;grid-template-rows:1fr;overflow:hidden}.user-section-images{display:flex;align-items:center;justify-content:center;flex-direction:column}.user-section-images img{width:100px;height:80px;border-radius:10px;margin:10px;cursor:pointer;overflow:hidden;transition:all .4s ease}.user-section-images img:hover{box-shadow:0 0 10px #000;box-shadow:0 0 10px var(--userOptionImageShadowColor)}.user-section-main-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-section-main-image img{object-fit:cover;transition:all .4s ease}.computer-section{width:70%;margin:18px auto auto;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.computer-section img{width:100%;object-fit:cover;transition:all .4s ease}.history-container{width:100%;height:100vh;position:fixed;background-color:#fff;top:0;left:100%;padding:20px;overflow-y:auto;transition:all .7s ease}.history-close-btn{color:#000;font-size:20px;margin-left:95%;margin-bottom:20px;cursor:pointer}.history-heading{width:100%;background-color:#f5f5f5;background-color:var(--historyHeadingBackgroundColor);color:#000;color:var(--historyHeadingColor);display:flex;align-items:center;justify-content:center;padding:10px 20px;margin-bottom:30px}.history-heading span{flex:1 1;font-size:20px}.history-heading:nth-child(3){width:70px}.history-table{width:90%;margin:10px auto auto;color:#000}.history-table td,.history-table th{padding:10px}@media screen and (max-width:700px){img{width:80px;height:60px}.selected-image{width:250px;height:150px}.main-container{display:block}.computer-section{height:60%}}@media screen and (max-width:500px){.scoreboard-header-text{font-size:30px}.options-main-text{font-size:20px;margin:10px 0 20px}.user-section{grid-template-columns:1fr;grid-template-rows:1fr 2.5fr;margin-bottom:20px}.user-section-images{flex-direction:row;flex-wrap:wrap}.user-section-images img{width:80px;height:60px}.computer-section,.user-section-main-image img{width:100%}}@media screen and (max-width:410px){.scoreboard-score-container,.user-section{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}
/*# sourceMappingURL=main.f20235ba.chunk.css.map */