@import url(https://fonts.googleapis.com/css?family=Yantramanav:700|Roboto:800);body{background-color:#121213;margin:0}.wordle{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;margin-left:auto;margin-right:auto;position:relative;width:500px}.line{background-color:#3a3a3c;height:1px;left:0;position:absolute;top:50px;width:500px}.title{align-items:center;display:flex;flex-direction:row;height:49px;justify-content:center;min-width:248px}.title1{color:#d7dadc;font-family:Yantramanav,sans-serif;font-size:41px;font-weight:300;letter-spacing:5.33px;margin-top:5px;min-height:49px;width:177px}.title2{color:#e2ca4c;font-family:Roboto,sans-serif;font-size:14px;font-weight:800;letter-spacing:.88px;margin-bottom:.35px;margin-left:9px;min-height:26px;min-width:61px;-webkit-transform:rotate(9deg);transform:rotate(9deg)}.bar{display:flex;flex-direction:row;justify-content:space-between;width:500px}.words{height:400px;margin:auto auto 6px;width:340px}.keyboard{height:200px;margin:auto auto 8px;width:486px}.Empty{border:2px solid}.Empty,.Yellow{color:#d7dadc;font-family:Yantramanav,sans-serif;font-size:38px;height:58px;line-height:58px;margin-left:6px;text-align:center;width:66px}.Yellow{background-color:#b59f3a}.Green{background-color:#538d4e}.Gray,.Green{color:#d7dadc;font-family:Yantramanav,sans-serif;font-size:38px;height:58px;line-height:58px;margin-left:6px;text-align:center;width:66px}.Gray{background-color:#3a3a3c}.cellRow{display:flex;flex-direction:row;justify-content:space-between;margin-top:6px;width:340px}.keyRow,.keyRow2{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px;position:relative}.keyRow2{margin-left:23px;margin-right:23px}.Emptykey{background-color:#808384}.Emptykey,.Graykey{border-radius:5px;color:#d7dadc;cursor:pointer;font-family:Yantramanav,sans-serif;font-size:15px;height:58px;line-height:58px;min-width:43px;text-align:center}.Graykey{background-color:#3a3a3c}.Yellowkey{background-color:#b59f3a}.Greenkey,.Yellowkey{border-radius:5px;color:#d7dadc;cursor:pointer;font-family:Yantramanav,sans-serif;font-size:15px;height:58px;line-height:58px;min-width:43px;text-align:center}.Greenkey{background-color:#538d4e}.Deletekey,.Enterkey{background-color:#808384;border-radius:5px;color:#d7dadc;cursor:pointer;font-family:Yantramanav,sans-serif;font-size:15px;height:58px;line-height:58px;min-width:64px;text-align:center}.deleteimg{height:29px;padding-top:21%;width:29px}.status{background-color:#121213;color:#fff;font-family:sans-serif;height:400px;text-align:center;width:450px}.statustitle{font-family:Yantramanav,sans-serif;font-size:19px;font-weight:200;height:-webkit-min-content;height:min-content;margin:0 0 6px;text-align:center}.statuscancel{cursor:pointer;margin:0;text-align:end}.statuscount{display:flex;flex-direction:row;justify-content:center}.statusnum{font-size:35px;margin:0}.statusname{font-size:12px;margin:auto;width:33px}.statusitem{margin-left:10px;margin-right:10px}.guesscount{display:flex;flex-direction:row;height:20px;justify-self:flex-start;margin:4px 0}.guessA{font-size:13px;margin:0 4px 0 0;padding-top:2px}.guessB{font-size:15px;font-weight:700;margin:0;padding-left:8px;padding-right:8px;padding-top:2px;text-align:end}.statusbuttons{display:flex;flex-direction:row;justify-content:space-around;margin-top:30px}.flipin{-webkit-animation-name:flip-in;animation-name:flip-in}.flipin,.flipout{-webkit-animation-duration:.5s;animation-duration:.5s}.flipout{-webkit-animation-name:flip-out;animation-name:flip-out}.shaking{-webkit-animation:shake .65s cubic-bezier(.36,.07,.19,.97) both;animation:shake .65s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes flip-out{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes flip-out{0%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{-webkit-transform:rotateX(0);transform:rotateX(0)}}@-webkit-keyframes flip-in{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes flip-in{0%{-webkit-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.restart{height:13px;margin-left:10px;margin-right:50px;margin-top:6px;width:40px}.rank{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:center;margin-right:40px;margin-top:15px;position:relative;width:20px}.rank1{height:8px;left:0;top:6px}.rank1,.rank2{border:2px solid #565758;position:absolute;width:4px}.rank2{height:14px;left:6px;top:0}.rank3{border:2px solid #565758;height:6px;left:12px;position:absolute;top:8px;width:4px}
/*# sourceMappingURL=main.b773d592.css.map*/