.spinner{background-color:#fff;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;width:100vw}#hide{display:none}body,html{background-color:#fff;height:100%;margin:0}#appContainer{bottom:0;height:92%;position:absolute;width:100%}#app,#appContainer{align-items:center;display:flex;justify-content:center}#app{background-color:#121213;height:100%}#container{box-sizing:border-box;display:table;height:100%;table-layout:fixed;width:100%}.snakeButton{box-shadow:0 3px 8px rgba(0,0,0,.24);height:85%;margin:0;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:90%}.gameArea{border:2px solid #575757;border-radius:5px;height:59%;margin:1% auto auto;position:relative;width:99%}.directionalArrowsArea{height:38%;margin:1% auto;position:relative;width:99%}.upButton{margin:0 auto 1px}.downButton,.upButton{display:block;height:33%;width:40%}.downButton{margin:0 auto}.leftButton{margin:0 auto}.leftButton,.rightButton{display:block;height:100%;width:40%}.rightButton{margin:0 auto 0 4em}.middleDirectionalButtons{display:block;display:flex;height:33%;margin:0 auto 1px;width:100%}.scoreSpan{font-size:large;font-weight:600;margin-left:2em}.navbar{background-color:#121213!important;border-bottom:1px solid rgba(65,65,65,.747);box-shadow:none;height:8%;position:fixed!important;top:0;width:100%;z-index:2}.navbar-collapse{background-color:#f8f9fa;border-bottom:.5px solid #c4c4c4;margin-top:.5em;position:relative}.navbar-nav.mr-auto{background-color:#f8f9fa;margin-top:0}.deadModalBody,.deadModalFooter,.deadModalHeader,.snakeStartButtonArea{align-items:center;display:flex;justify-content:center}.snakeStartButtonArea{height:38%;margin:1% auto;width:99%}.snakeGameStartButtons{display:block;height:33%;margin:0 auto;width:40%}a{color:#000;text-decoration:none}#mypopover{display:block;height:33%;margin:0 auto;width:40%}.highscoresContainer,.homeContainer,.settingsContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.settingsContainer{flex-direction:row}.logoutButton{height:10%;width:90%}.gamesDropDownMenu{background-color:#f8f9fa}#navbarDropdown{color:#000}.highscoresTable{margin-top:2%;max-height:98%;min-height:30%;position:absolute;top:0;width:98%}.highscoresTable tbody tr td,.highscoresTable tr th{text-align:center}.homeBackground{background-color:#000;height:100%;width:98%}.wordleContainer{background-color:#121213;box-sizing:border-box;display:table;height:100%;max-height:680px;max-height:700px;max-width:400px;table-layout:fixed;width:100%}#root{justify-content:center}.wordleGameArea{height:69%;margin:1% auto -6%;text-align:justify;-ms-text-justify:distribute-all-lines;text-justify:distribute-all-lines;width:92%}.wordleGameArea,.wordleKeyboardArea{background-color:#121213;border-radius:5px;padding:2px;position:relative}.wordleKeyboardArea{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;height:33%;margin:auto;width:100%}.box0,.box1,.box2,.box3,.box4,.box5{background-color:#121213;display:table-cell;height:100%;max-height:40px;padding:3px;vertical-align:top;vertical-align:middle;width:20%}.wordleLetterInBox{align-items:center;border:2px solid #38383a;color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:8vw;font-weight:700;height:100%;justify-content:center;margin:0;max-height:70px;padding:0;text-align:center;width:100%}@media screen and (min-width:601px){.wordleLetterInBox{font-size:4vw}}@media screen and (min-width:1375px){.wordleLetterInBox{font-size:2.5vw}}.ani1{-webkit-animation-delay:40ms;animation-delay:40ms}.ani1,.ani2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:popout;animation-name:popout}.ani2{-webkit-animation-delay:80ms;animation-delay:80ms}.ani3{-webkit-animation-delay:.12s;animation-delay:.12s}.ani3,.ani4{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:popout;animation-name:popout}.ani4{-webkit-animation-delay:.16s;animation-delay:.16s}.ani5{-webkit-animation-delay:.2s;animation-delay:.2s}.ani5,.ani6{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:popout;animation-name:popout}.ani6{-webkit-animation-delay:.24s;animation-delay:.24s}.ani7{-webkit-animation-delay:40ms;animation-delay:40ms;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:popout;animation-name:popout}.ani8,.ani9{-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:popout;animation-name:popout}@-webkit-keyframes popout{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popout{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:100%}}.popAnimation{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-name:popout;animation-name:popout}.row0,.row1,.row2,.row3,.row4,.row5{display:table;height:100%;width:95%}.rowContainer0,.rowContainer1,.rowContainer2,.rowContainer3,.rowContainer4,.rowContainer5{align-items:center;display:flex;height:15%;justify-content:center;width:100%}.rowContainer0{margin-top:3%}.keyboardRowContainer{background-color:#121213;border:4px solid #121213;height:33%;width:100%}.keyboardRow1,.keyboardRow3{display:table;height:100%;margin-left:2.5%;width:95%}.keyboardRow2{display:table;margin-left:10%;width:90%}.keyboardLetterBox,.keyboardRow2{background-color:#121213;height:100%}.keyboardLetterBox{background-color:#787c7e;border:2px solid #121213;border-radius:5px;color:#fff;display:table-cell;font-family:Arial,Helvetica,sans-serif;font-weight:600;padding:1% 2px 2px;text-align:center;vertical-align:top;vertical-align:middle;width:10%}.keyboardLetterBox:focus,.keyboardLetterBoxBack:focus,.keyboardLetterBoxEnter:focus{outline:none}.keyboardLetterBoxEnter{font-size:x-small}.keyboardLetterBoxBack,.keyboardLetterBoxEnter{background-color:#121213;background-color:#787c7e;border:2px solid #121213;border-radius:5px;color:#fff;display:table-cell;font-family:Arial,Helvetica,sans-serif;font-weight:600;height:100%;padding:1% 2px 2px;text-align:center;vertical-align:top;vertical-align:middle;width:15%}.keyboardLetterBoxBack{background-attachment:relative;background-image:url(/static/media/backspace-icon.8fc9538cf439008053e3.webp);background-position:50%;background-repeat:no-repeat;background-size:70%;font-size:large}.grayBackground{background-color:#38383a}.grayBackground,.orangeBackground{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.orangeBackground{background-color:#c9b459}.greenBackground{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:#6aaa64}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.outandinAnimation{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:red}.borderGlow{border:2px solid #797979}.modal-body-container{height:100%;overflow:auto;overflow-x:scroll;overflow-y:scroll;width:100%}.my-modal .modal-backdrop{background-color:#fff!important}.wordlePlayAgainButtonsArea{align-items:center;background-color:#121213;border-radius:5px;display:flex;height:33%;justify-content:center;margin:auto;padding:2px;position:relative;width:100%}.statsButton{margin-left:5%}.fadeIn{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease}.practiceCodeContainer{background-color:#fff;float:right;height:100%;width:60%;z-index:-1}.codeEditorContainer{display:block;height:85%;width:100%;z-index:-1}.buttonAndInputArea{align-items:center;border-left:1px solid hsla(0,0%,50%,.275);border-radius:5px;display:flex;height:15%;justify-content:left;padding:2px;width:100%}.codeInputForm{margin:2%;max-width:200px;min-width:100px;width:20%}.stackTraceForm{-webkit-animation:fadeIn .75s ease;animation:fadeIn .75s ease;font-weight:500;height:100%;justify-items:center;justify-self:center;margin-left:5%;outline:none;overflow-wrap:break-word;position:relative;text-align:center;width:50%}.stacktraceFormControl{background-image:linear-gradient(rgba(255,181,187,.276),rgba(255,245,247,.201))!important;color:#c20000!important;font-weight:450!important;height:100%;overflow-wrap:break-word}.allTestsPassed{color:green;font-weight:500;margin-left:5%}.allTestsPassed,.runtimeMessage{-webkit-animation:fadeIn 1s ease;animation:fadeIn 1s ease;font-size:large}.runtimeMessage{margin:2%}.problemContainer{background-color:#fff;bottom:0;height:100%;height:100vh;position:fixed;width:100%;z-index:3}.settingsBar{align-items:center;border-bottom:1px solid rgba(27,27,27,.284);display:flex;height:5vh;justify-content:right;left:0;top:0;z-index:1}.problemDescription,.settingsBar{background-color:#fff;position:fixed;width:40%}.problemDescription{-webkit-animation:fadeIn .6s ease;animation:fadeIn .6s ease;bottom:0;display:inline-block;float:left;height:95vh;margin:0;overflow-wrap:break-word;overflow-y:scroll;padding:1%;z-index:-1}.problemTitle{font-size:2em;font-weight:500;margin-left:2%}.problemDescription2{margin-top:5%}.problemExample{margin-top:5%;width:100%}.inputAndOutput{background-color:#f9fafb;border-radius:1px;padding:3%}.inputOutputText{font-size:large;font-weight:500}.inputOutputValue{margin-left:2%}.monaco-editor,.monaco-mouse-cursor,.monaco-scrollable-element,.overflow-guard,.react-monaco-editor-container{height:100%!important;width:100%!important}.reset-code-button{position:absolute;right:2%}.runTestsButton{left:2%;margin-left:0;position:relative}.language-selector-dropdown{margin-right:1%}.problems-button{left:.5%;position:fixed}.resetCodeModalHeader{border-bottom:none!important}.resetCodeModalFooter{border-top:none!important}.markCompleteButton{position:absolute;right:1%;top:1%}.titleAndMarkComplete{align-items:center;display:flex;justify-content:left;text-align:center;width:100%}.fa-circle-check{color:#00a700}.problemPageCircleCheck{color:#000;margin-left:2%;opacity:.2;z-index:1}.problemPageCircleCheckCompleted{margin-left:2%}.problemPageCircleCheck:hover,.problemPageCircleCheckCompleted:hover{cursor:pointer}.homeButtonContainer{align-items:center;display:flex;height:50%;justify-content:center;width:100%}.arrowIconProblems{margin-right:2px}.Notes,.viewOnLeetcodeButton{margin-top:5%}.Notes{width:100%}.descriptionLine,.inputLine{margin:0}#root{align-items:center;background-color:#121213;display:flex;height:100%}
/*# sourceMappingURL=main.498f56c4.css.map*/