*{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}.font-link{font-family:Orbitron}input,input:after,input:before{-webkit-user-select:initial;-ms-user-select:initial;user-select:auto}.App{color:#fff;text-align:center}body{background-color:#121212;height:100vh;margin:0;padding:0;width:100vw}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}.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:600px;width:350px}.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;text-align:center;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{color:#fff;margin-left:5%;text-align:center;width:375px}.timer{bottom:60px;font-size:32px;position:relative}.keyboard{background-color:#121212;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:5%;text-align:center;width:300px}.content{display:grid;grid-template-columns:repeat(3,100px);justify-items:center;margin:0 8%}.content a,.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 a:hover,.content div:hover{background-color:#fff;color:#000}.content a:hover #copy,.content a:hover #refresh,.content a:hover #share{display:block}.content div:nth-child(10) span{line-height:2.6em}.hint{align-items:center;border:1px solid grey;border-radius:100%;display:flex;height:54.5px;justify-content:center;margin:5px;width:54.5px}.hintboard{border:.5px solid gray;border-radius:10px;height:600px;margin-left:3%}.plus{background-color:#63a75c;border:1px solid #63a75c}.minus,.plus{height:10px;margin:0 2px;width:10px}.minus{background-color:#ff0;border:1px solid #ff0;border-radius:100%}.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,#refresh,#share{-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:270px}.board,.hintboard{height:425px}.hint{height:37px;width:40px}.keyboard{margin-left:0;margin-top:25px;width:100%}.content a,.content div{height:3.2em;width:3.2em}.content a span:first-child,.content div span:first-child{font-size:1.3em}.timer{bottom:15px}.gameOver{margin-left:0;margin-top:10px;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%}h3{margin:0}}@media only screen and (max-height:420px) and (min-width:600px){.board{width:240px}.board,.hintboard{height:300px}.hint{height:24.5px;width:29px}.keyboard{margin-left:0}.timer{bottom:15px}.content a,.content div{height:3em;width:3em}.content a span:first-child,.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:355px;width:250px}.row{margin:2px}.hintboard{height:355px}.hint{height:29.5px;width:33px}.letter{font-size:20px}.keyboard{margin-left:0;margin-top:10px;width:100%}.timer{bottom:7px;font-size:20px;padding:0}.content a,.content div{height:2.4em;width:2.4em}.content a span:first-child,.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,#refresh,#share{margin-bottom:70px}hr{width:75%}}
/*# sourceMappingURL=main.43476d05.css.map*/