body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:nokia;src:url(/t9/static/media/nokiafc22.440b53b1.ttf) format("truetype")}#root{position:relative;background-image:url(/t9/static/media/nokia-sms.bb6d48f7.png);background-repeat:no-repeat;height:100vh;min-height:800px;background-position:top}.App{text-align:center}button.popupToggle{font-family:nokia;font-size:10px;display:inline-block;margin-bottom:5px}.help{color:#82c91e;opacity:.8;position:absolute;right:10vw;top:10px}#popup{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:fixed;width:80vw;min-height:50vh;top:25vh;left:10vw;border:1px solid #82c91e;border-radius:5px;text-align:center;z-index:99}#popup .closeBtn{position:absolute;top:40px;right:40px;color:#82c91e;opacity:.8}.intro{position:absolute;width:100%;font-family:nokia;font-size:10px}.intro,.intro h1{text-align:center}.intro h1{font-size:20px;margin:0;padding-top:10px}#popup ul{display:block;background-color:#fff}#popup li,#popup ul{text-decoration:none}#popup li{display:-webkit-flex;display:flex;padding:5px 20px;margin:0;font-family:Arial}.mainContainer{position:relative;font-size:12px}.currentLetter{opacity:.5;text-decoration:underline}h1{font-size:1.5em;font-weight:300;color:grey;margin-left:20px}@media only screen and (max-width:575px){.help{top:40px}#popup{width:calc(96vw - 2px);left:2vw}}@-webkit-keyframes tapped{to{background-color:rgba(0,0,0,.1)}}@keyframes tapped{to{background-color:rgba(0,0,0,.1)}}.backspace{position:absolute;top:445px;-webkit-transform:rotate(38deg);transform:rotate(38deg);left:calc(50vw - 95px);width:45px;height:25px;border-radius:5px;background-color:transparent;border-width:0;outline:none}.backspace:before{top:60px;right:20px;height:1px;width:130px;background-color:red;content:"";display:block}.backspace:after,.backspace:before{position:absolute;-webkit-transform:rotate(-38deg);transform:rotate(-38deg)}.backspace:after{top:65px;right:100px;width:50px;height:1rem;content:"Backspace";font-style:italic;color:red;font-size:.75rem}.backspace:active{-webkit-animation-name:tapped;animation-name:tapped;-webkit-animation-duration:75ms;animation-duration:75ms}.reset{position:absolute;top:410px;left:calc(50vw - 55px);width:110px;height:30px;padding:10px 20px;font-size:20px;text-transform:capitalize;border-width:0;border-radius:2%;margin:10px 0;outline:none;border-radius:40% 40% 100% 100%;background-color:transparent}.reset:before{position:relative;top:5px;left:60px;height:1px;width:160px;background-color:purple;content:"";display:block}.reset:after{position:relative;left:170px;top:-20px;width:50px;height:1rem;content:"Reset";font-style:italic;color:purple;font-size:.75rem}.reset:active{-webkit-animation-name:tapped;animation-name:tapped;-webkit-animation-duration:75ms;animation-duration:75ms}.pad{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:280px;height:180px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:16px;position:absolute;top:485px;left:calc(50vw - 140px);opacity:.5}.numKey{width:calc(33.33% - 38px);height:calc(25% - 15px);text-align:center;border:1px solid transparent;margin:8px 13px;border-radius:100%}.numKey:nth-child(3n+2){position:relative;top:10px}.numKey:nth-child(3n+1){-webkit-transform:skewY(10deg);transform:skewY(10deg)}.numKey:nth-child(3n){-webkit-transform:skewY(-10deg);transform:skewY(-10deg)}.numKey:nth-child(9n),.numKey:nth-child(12n){margin-left:6px}.numKey:nth-child(10n){margin-right:2px}.numKey:active{-webkit-animation-name:tapped;animation-name:tapped;-webkit-animation-duration:75ms;animation-duration:75ms}.numKey:hover{cursor:pointer}.key{font-size:20px;font-weight:700;padding:5px}.numKey.last{clear:both}@media only screen and (max-width:575px){.backspace:after,.backspace:before,.reset:after,.reset:before{display:none}}@-webkit-keyframes blink{0%{background-color:initial;color:#404632}50%{background-color:#404632;color:#fff}}@keyframes blink{0%{background-color:initial;color:#404632}50%{background-color:#404632;color:#fff}}.display{font-family:nokia;opacity:.5;top:260px;left:calc(50vw - 75px)}.display,.messageBox{position:relative;width:150px}.messageBox{height:95px;max-height:95px;overflow-y:scroll}.messageBox::-webkit-scrollbar{width:2px}.messageBox::-webkit-scrollbar *{background:transparent}.messageBox::-webkit-scrollbar-thumb{background:transparent!important}.display p{margin:0;position:relative;top:0}.activeLetter{-webkit-animation:blink .4s infinite;animation:blink .4s infinite}.suggestions{position:relative;height:1rem;width:150px;top:.5rem;overflow:hidden}ul{top:20px;list-style:none;margin:0;padding:0}li{font-size:.8em;opacity:.8;display:inline-block;margin-right:10px;font-family:nokia}.suggestions li:first-of-type{text-decoration:underline}
/*# sourceMappingURL=main.64842c3a.chunk.css.map */