*{box-sizing:border-box;font-family:Lucida Console,Courier New,monospace;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}input,input:after,input:before{-webkit-user-select:initial;-ms-user-select:initial;user-select:auto}.App{background-color:#121212;color:#fff;text-align:center}.App,body{height:100vh;width:100vw}body{margin:0;padding:0}header{align-items:center;border-bottom:1px solid grey;display:flex;height:70px;justify-content:space-between;margin:0;width:100%}header h1{color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:40px;margin:0 0 0 30px}.icon{background:none;border:none;cursor:pointer;padding:8px 15px 0 0}.icon svg:focus,.icon svg:hover{fill:#fff}.icon{display:inline-block;position:relative}.overlay{-webkit-animation:SlideIn .6s linear;animation:SlideIn .6s linear;background-color:#121212;display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2000}@-webkit-keyframes SlideIn{0%{opacity:0}25%{opacity:40%}50%{opacity:60%}75%{opacity:80%}to{opacity:100%}}@keyframes SlideIn{0%{opacity:0}25%{opacity:40%}50%{opacity:60%}75%{opacity:80%}to{opacity:100%}}.helpdown-content{color:#fff;display:flex;flex-direction:column;height:100%;line-height:20px;overflow-y:auto;padding:0 35%;position:relative;width:100%}.dropdown-content{background-color:gray;display:none;margin-top:35px;position:absolute;right:10px}.dropdown-content button{border-radius:100%;color:#000;display:block;padding:12px;text-decoration:none}.dropdown-content button:hover{background-color:#121212;border-color:#fff;color:#fff}.show{display:block}.game{height:calc(100vh - 70px);justify-content:center;width:100vw}.game,.game1{align-items:center;display:flex}.game1{flex-direction:row}.board{flex-direction:column;height:500px;width:300px}.board,.row{display:flex}.row{flex:33% 1;flex-direction:row;margin:3px}.letter{border:1px solid grey;border-radius:30%;color:#fff;display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:100%;margin:0 5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#3a393c}.login{background-color:#121212;height:100%;position:absolute;transition:all 1s linear;width:100%;z-index:2000}.login header{height:70px;left:0;top:10px;width:100%}.login header,.login-content{align-items:center;display:flex;position:absolute}.login-content{border:1px solid #fff;border-radius:10%;height:400px;justify-content:center;left:50%;top:50%;-webkit-transform:translateX (-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all 1s linear;width:600px}.hidden{opacity:0;z-index:-1}form{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:center;width:500px}.login-input{border:2px solid;border-radius:7px;box-sizing:border-box;color:currentColor;height:30px;padding:0 10px;width:100px}#delete,.login-input{background:transparent}#delete{border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:400;letter-spacing:3px;line-height:22px;margin-top:8px;padding:12px 18px;text-decoration:none;text-transform:uppercase;transition:all .4s ease-in-out}#delete:hover{background:#fff;color:#121212}.gameOver{width:375px}.gameOver,.keyboard{color:#fff;margin-left:5%;text-align:center}.keyboard{width:300px}.content{display:grid;grid-template-columns:repeat(3,100px);justify-items:center;margin:0 8%}.content div{border:1px solid #fff;border-radius:70px;cursor:pointer;height:4em;margin-bottom:6px;width:4em}.content div span:first-child{font-size:1.7em;line-height:2.4em}.content div:hover{background-color:#fff;color:#000}.content div:nth-child(11){pointer-events:none}.content div:nth-child(10) span{line-height:2.6em}.hint{align-items:center;border:1px solid grey;border-radius:100%;display:flex;height:56.5px;justify-content:center;margin:5px;width:56.5px}.hintboard{border:.5px solid gray;border-radius:10px;height:500px;margin-left:3%}.plus{border:1px solid #63a75c;border-radius:100%;height:10px;margin:0 2px;width:10px}.plus:hover{background-color:#63a75c}.minus{border:1px solid #c5ad42;border-radius:100%;height:10px;margin:0 2px;width:10px}.minus:hover{background-color:#c5ad42}.circle{border:3px solid #63a75c;border-radius:100%;display:inline-block;height:20px;margin:0 2px;width:20px}#percent{-webkit-animation:SlidePercent 2s linear;animation:SlidePercent 2s linear;color:#63a75c}a:link{color:#fff}a:link,a:visited{text-decoration:none}a:visited{color:#fae9ec}a:hover,a:visited{background-color:transparent}a:hover{text-decoration:underline}@-webkit-keyframes SlidePercent{0%{color:#fff;opacity:0}25%{color:#fff;opacity:40%}50%{color:#63a75c;opacity:60%}75%{color:#63a75c;opacity:80%}to{color:#63a75c;opacity:100%}}@keyframes SlidePercent{0%{color:#fff;opacity:0}25%{color:#fff;opacity:40%}50%{color:#63a75c;opacity:60%}75%{color:#63a75c;opacity:80%}to{color:#63a75c;opacity:100%}}#copy{-webkit-animation:Copied 3s linear;animation:Copied 3s linear;color:#fff;display:none;margin-bottom:100px;opacity:0;position:absolute}@-webkit-keyframes Copied{0%{opacity:100%}25%{opacity:90%}50%{opacity:80%}75%{opacity:60%}to{opacity:0}}@keyframes Copied{0%{opacity:100%}25%{opacity:90%}50%{opacity:80%}75%{opacity:60%}to{opacity:0}}@media only screen and (max-width:600px){.game{display:block;height:0;margin-top:5%}.game1{display:flex;justify-content:center}.board{width:250px}.board,.hintboard{height:400px}.hint{height:44px;width:44px}.gameOver,.keyboard{margin-left:0;margin-top:35px;width:100%}.content{grid-template-columns:repeat(3,33%)}.helpdown-content{padding:0 5%}.minus{background-color:#c5ad42}.plus{background-color:#63a75c}.login-content{height:40%;width:100vw}header h1{font-size:30px}hr{width:75%}}@media only screen and (max-height:420px) and (min-width:600px){.board{width:240px}.board,.hintboard{height:280px}.hint{height:29px;width:29px}.keyboard{margin-left:0}.content div{height:3em;width:3em}.content div span:first-child{font-size:1.3em}.letter{font-size:20px}.minus{background-color:#c5ad42}.minus,.plus{height:8px;width:8px}.plus{background-color:#63a75c}h3{display:block;font-size:.87em}hr{width:75%}}@media only screen and (max-height:768px) and (max-width:600px){.board{height:350px;width:250px}.row{margin:2px}.hintboard{height:350px}.hint{height:38px;width:38px}.letter{font-size:20px}.keyboard{margin-left:0;margin-top:20px;width:100%}.content div{height:2.4em;width:2.4em}.content div span:first-child{font-size:1em;line-height:2.4em}.gameOver{margin-left:0;margin-top:10px;width:100%}.minus{background-color:#c5ad42}.minus,.plus{height:6px;width:6px}.plus{background-color:#63a75c}h3{font-size:.87em}h2,h3{-webkit-margin-before:0;-webkit-margin-after:.5em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:.5em;margin-block-start:0;margin-inline-end:0;margin-inline-start:0}h2{font-size:1.2em;font-weight:700}.circle{border:2px solid #63a75c;height:10px;width:10px}svg{height:15px}#copy{margin-bottom:70px}hr{width:75%}}
/*# sourceMappingURL=main.2172747a.css.map*/