@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,700;1,600&display=swap);body{margin:0;font-family:"Open Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.navbar.navbar-expand-lg.navbar-light.bg-dark{background-color:#399!important}.navbar-light .nav-link,.navbar-light .navbar-brand{color:#123239!important;font-weight:700}.LogButton,.nav-item{font-weight:700}.LogButton{background-color:#123239;border:2px solid #399;border-radius:5px;color:#399;margin:0 10px;width:100px;height:40px;z-index:99}.LogButton:hover{background-color:#399;color:#123239;transition:.5s ease}.loading_spinner{z-index:9999;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;color:#399;background:#1e1f24;background:radial-gradient(circle,#1e1f24 0,#051b29 100%)}.MainContainer{color:#fff}.SignupButton{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;margin:0 10px;width:100px;height:40px;z-index:99}.SignupButton:hover{background-color:#399;transition:.5s ease;color:#123239}.Link,.MainContainer{color:#399}.Link:hover{color:#fff;text-decoration:none}.LoginButton{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;margin:0 10px;width:100px;height:40px;z-index:99}.LoginButton:hover{background-color:#399;color:#123239;transition:.5s ease}.ImgContainer{width:50vw;margin:10vh auto 3vh}h2{font-style:italic}.MenuContainer{width:200px;margin:10px auto}.MenuContainer button{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;width:200px;height:40px;margin:5px}.MenuContainer button:hover{background-color:#399;color:#123239;transition:.5s ease}.Credits{margin:3vh auto;font-style:italic}.GameHeader{height:50px;padding-top:10px}.Gameboard,.GameHeader{width:900px;margin:0 auto}.Gameboard{position:relative;height:480px;padding-top:3em}.SoundPlayer{visibility:hidden}.UserInput{position:relative;width:900px;height:50px;margin:0 auto}.Backbutton,.UserInput button{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;margin:0 10px;width:100px;height:40px;z-index:99}.Backbutton:hover,.UserInput button:hover{background-color:#399;transition:.5s ease;color:#123239}.Board{box-sizing:border-box;position:relative;width:784px;height:500px;margin:auto}.Figure{-webkit-animation:animationFigure linear;animation:animationFigure linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transform-origin:50% 50%}@-webkit-keyframes animationFigure{0%{transform:translate(0)}25%{transform:translateY(-5px)}50%{transform:translateY(-10px)}75%{transform:translateY(-5px)}to{transform:translate(0)}}@keyframes animationFigure{0%{transform:translate(0)}25%{transform:translateY(-5px)}50%{transform:translateY(-10px)}75%{transform:translateY(-5px)}to{transform:translate(0)}}.MistakeContainer{position:relative;float:left;margin-top:10px;margin-left:50px;height:50px;width:200px;padding:8px 15px;color:#399}.Background{position:relative;margin:0 auto 5px;height:20px;width:600px;padding:0;background-color:#123239;border:2px solid #399;border-radius:10px}.Background:after{visibility:hidden}.TimePassed{position:relative;height:16px;width:600px;margin:auto;background-color:#399;-webkit-animation:animationBar linear;animation:animationBar linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;transform-origin:50% 50%;border-radius:4px}@-webkit-keyframes animationBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes animationBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ScoreContainer{position:relative;float:right;margin-top:10px;margin-right:50px;height:50px;width:200px;padding:8px 15px;color:#399}.MessageContainer{margin:0 auto;height:50px;padding:8px 15px;font-style:italic}.GameOverContainer,.MessageContainer{position:relative;width:600px;background-color:#123239;border-radius:5px;color:#399}.GameOverContainer{margin:10vh auto 3vh;height:200px;padding:50px}.MainContainer{padding:0}.ScoreBoardHeader{position:relative;width:900px;margin:20px auto}.ScoreBoard{position:relative;width:900px;margin:10px auto}.BackButton{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;margin:0 10px;width:200px;height:40px;z-index:99}.BackButton:hover{background-color:#399;color:#123239;transition:.5s ease}.MainContainer{height:100vh}.Top5BoardHeader{position:relative;width:900px;margin:20px auto}.CardContainer{position:flex;align-content:center;padding-top:3em;margin:0 auto;color:#fff}.CardContainer table{color:#fff}.MainContainer{background:#1e1f24;background:radial-gradient(circle,#1e1f24 0,#051b29 100%);padding-top:5vh;height:95vh;width:100vw;position:fixed}.Screenshot{margin:10px;border:2px solid #399}.InstructionsContainer{position:relative;width:650px;margin:20px auto}.InstructionsContainer p{margin-top:10px;padding:5px;font-weight:400}.button{background-color:#123239;border:2px solid #399;border-radius:5px;font-weight:700;color:#399;width:200px;height:40px;margin:5px}.button:hover{background-color:#399;color:#123239;transition:.5s ease}
/*# sourceMappingURL=main.fdf58920.chunk.css.map */