body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-x:hidden;overflow-y:hidden;position:absolute;text-align:center;top:0;width:100%}.navbar{background-color:#121213;font-family:Arial Black;font-size:150%;position:relative;width:100vw}.navbar,.square{align-items:center;display:flex;font-weight:700;height:8vh;justify-content:center}.square{font-size:180%;margin:0;padding:0;width:8vh}.square:first-child{-webkit-animation-delay:0ms;animation-delay:0ms;transition:background-color 25ms 0ms}.square:nth-child(2){-webkit-animation-delay:125ms;animation-delay:125ms;transition:background-color 25ms 125ms}.square:nth-child(3){-webkit-animation-delay:375ms;animation-delay:375ms;transition:background-color 25ms 375ms}.square:nth-child(4){-webkit-animation-delay:625ms;animation-delay:625ms;transition:background-color 25ms 625ms}.square:nth-child(5){-webkit-animation-delay:875ms;animation-delay:875ms;transition:background-color 25ms 875ms}.word{display:flex;flex-direction:row;gap:.75vh;padding-top:.75vh}.stack{flex-direction:column;padding-top:2%}.keyboardbutton,.stack{align-items:center;display:flex;justify-content:center}.keyboardbutton{border-radius:1vh;font-size:90%;font-weight:700;height:9vh;transition:.2s;width:7vh}.keyboardbutton:hover{border:1px solid #fff;height:calc(9vh - 2px);width:calc(7vh - 2px)}.keyboard{bottom:0;display:flex;flex-direction:column;height:30vh;margin:10px 10px 10px 0;padding-left:5px;padding-right:5px;position:relative;row-gap:1vh;-webkit-transform:translate(2vw);transform:translate(2vw);width:100%}.keyboardRow{display:flex;flex-direction:row!important;gap:1vh;justify-content:center;width:95%}@media only screen and (max-width:768px){.keyboardRow{gap:1vw}}img{height:auto;width:4.5vh}.keyboard-letter{cursor:pointer;width:6vh}.popUp{align-items:center;-webkit-animation:view 2s linear;animation:view 2s linear;backdrop-filter:blur(8.6px);-webkit-backdrop-filter:blur(8.6px);background:hsla(0,0%,100%,.13);border-radius:16px;bottom:0;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;height:30vh;justify-content:center;left:0;margin:auto;max-width:768px;position:absolute;right:0;top:0;width:70%;z-index:100}@-webkit-keyframes view{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes view{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}80%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}table{margin:20px;-webkit-transform:translateY(-10px);transform:translateY(-10px)}td,th{width:10%}.new-wordle-button{border:none;border-radius:10px;font-size:120%;font-weight:700;height:20%;margin-bottom:25px;margin-top:-20px;mix-blend-mode:screen;padding:5px;transition:.5s;width:40%}.new-wordle-button:hover{background-color:grey;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.letter-entry-animation{-webkit-animation:grow .2s linear 0ms!important;animation:grow .2s linear 0ms!important}@-webkit-keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}to{-webkit-transform:scale(1);transform:scale(1)}}.flip{-webkit-animation:flipping .5s linear;animation:flipping .5s linear}@-webkit-keyframes flipping{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes flipping{0%{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}50%{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.label{align-items:center;-webkit-animation:viewLabel .5s linear;animation:viewLabel .5s linear;background-color:#fff;border-radius:10px;color:#000;display:flex;font-size:1.2rem;height:50px;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:10vh;width:200px;z-index:10}@-webkit-keyframes viewLabel{0%{opacity:0}to{opacity:1}}@keyframes viewLabel{0%{opacity:0}to{opacity:1}}.info-container{-webkit-backdrop-filter:blur(8.6px);backdrop-filter:blur(8.6px);background:hsla(0,0%,100%,.13);height:100%;width:100%;z-index:109}.info,.info-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute}.info{-webkit-animation:view-info .3s linear;animation:view-info .3s linear;background-color:#fff;border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);color:#000;height:100px;height:30vh;left:0;margin:auto;max-width:300px;padding:10px;right:0;transition-timing-function:cubic-bezier(1,.14,.46,.98);width:200px;width:50%;z-index:110}@-webkit-keyframes view-info{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes view-info{0%{opacity:0;-webkit-transform:scale(.1);transform:scale(.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.circle{border-radius:50%;height:15vh;margin-bottom:10px;overflow:hidden;width:15vh}.circle>img{height:auto;width:105%}.socialIcons>ul{-webkit-column-gap:1vh;column-gap:1vh;display:flex;flex-direction:row;height:30px;left:0;list-style:none;padding-left:0}.socialIcons>ul>li{cursor:pointer}li>a>img{height:auto;width:4.5vh}h3,h5{margin:0}.info-container>button{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:130%;font-weight:700;height:40px;width:80px}.info-container>button:hover,.socialIcons>ul>li:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.5s}.navbar>img{height:60%;width:auto}
/*# sourceMappingURL=main.a2d1b38e.css.map*/