.word-placeholder{display:flex;gap:.5rem}.letter-placeholder{align-items:center;border:.2rem ridge #000;border-radius:.5rem;display:flex;font-size:1.5rem;height:3rem;justify-content:center;width:3rem}@media (max-width:1375px){.letter-placeholder{height:2rem;width:2rem}}.game-board{align-items:flex-start;display:flex;flex-direction:column;height:550px;margin:0 auto;padding:20px;position:relative;width:-webkit-max-content;width:max-content}.word{display:flex;gap:.5rem;margin:0 auto .5rem;width:302px}.letter{align-items:center;border:.2rem ridge #000;border-radius:.5rem;display:flex;font-size:2rem;font-weight:700;height:3rem;justify-content:center;line-height:4.5rem;text-transform:uppercase;width:3rem}.placeholders{gap:.5rem;left:50%;transform:translateX(-50%)}.game-result,.placeholders{display:flex;flex-direction:column;position:absolute}.game-result{align-items:center;background-color:#010101e6;color:#fff;font-size:5rem;height:100vh;justify-content:center;left:0;text-align:center;top:0;white-space:pre-line;width:100vw}p{border:2px solid #fefefe;color:#fefefe;display:inline-block;font-size:2rem;font-weight:600;left:50%;padding:15px 30px;text-decoration:none;text-transform:uppercase;transform:translateX(-50%)}p,p:before{position:absolute}p:before{background-color:#212121;content:"";height:calc(100% - 12px);left:-2px;top:6px;transform:scaleY(1);transition:.3s ease-in-out;width:calc(100% + 4px)}p:hover:before{transform:scaleY(0)}p:after{background-color:#212121;content:"";height:calc(100% + 4px);left:6px;position:absolute;top:-2px;transform:scaleX(1);transition:.3s ease-in-out;transition-delay:.5s;width:calc(100% - 12px)}p:hover:after{transform:scaleX(0)}p span{position:relative;z-index:3}.game-result button{background-color:none;background-color:initial;border:none;cursor:pointer;text-decoration:none}@media (max-width:1375px){.game-result{font-size:2rem}.letter{font-size:1rem;height:2rem;width:2rem}.word{width:222px}}@media (max-width:1050px){.game-board{height:406px}}.header{background-color:#282c34;box-sizing:border-box;color:#fff;left:0;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.title{font-size:2.5rem;margin:0}.info-button{background-color:initial;border:.1rem ridge #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;height:3rem;position:absolute;right:.5rem;top:1.2rem;width:3rem}body,html{height:100%;margin:0;overflow-x:hidden;width:100%}body{padding-top:100px}.color-info{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.color-info-content{background:#fff;border-radius:10px;padding:20px;text-align:center}.color-meaning{align-items:center;display:flex;margin-bottom:10px}.color-sample{border:.1rem ridge #000;border-radius:.3rem;height:20px;margin-right:10px;width:20px}.incorrect{background-color:#888}.close-button{cursor:pointer;height:2rem;margin-top:20px;padding:0 2rem;width:-webkit-max-content;width:max-content}.keyboard{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;left:50%;margin-top:20px;position:fixed;transform:translateX(-50%);width:100%}.keyboard-row{display:flex;justify-content:center;margin-bottom:5px}.key{background-color:#fff;border:.1rem ridge #000;border-radius:.5rem;cursor:pointer;font-size:1.5rem;font-weight:700;height:4.5rem;margin:.2rem;width:4.5rem}.key,.text{position:relative}.text{color:#fff;text-shadow:0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000,0 0 4px #000;z-index:99}.correct{background-color:lime}.incorrect-position{background-color:#ff0}.incorrect{background-color:grey}.corner{font-size:1rem;height:calc(50% - .2rem);pointer-events:none;position:absolute;width:calc(50% - .2rem)}.top-left{border-start-start-radius:.5rem;left:0;padding-left:.2rem;text-align:left}.top-left,.top-right{padding-top:.2rem;top:0}.top-right{border-start-end-radius:.5rem;padding-right:.2rem;right:0;text-align:right}.bottom-right{border-end-end-radius:.5rem;justify-content:end;padding-right:.2rem;right:0}.bottom-left,.bottom-right{align-items:end;bottom:0;display:flex;padding-bottom:.2rem}.bottom-left{border-end-start-radius:.5rem;justify-content:start;left:0;padding-left:.2rem}.key:hover{background-color:#f0f0f0}.key:active{background-color:#ddd}@media (max-width:975px){.key{width:3rem}.corner{font-size:.7rem;font-weight:700}}@media (max-width:550px){.key{width:2.5rem}}@media (max-width:470px){.key{font-size:1rem;height:3.5rem;width:2rem}}.spinner{bottom:2rem;height:9px;position:absolute;right:2rem;width:9px}.spinner div{animation:spinner-fzua35 1s calc(var(--delay)*1s) infinite ease;background:#000;height:150%;position:absolute;transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1%));width:50%}.spinner div:first-child{--delay:0.1;--rotation:36;--translation:150}.spinner div:nth-child(2){--delay:0.2;--rotation:72;--translation:150}.spinner div:nth-child(3){--delay:0.3;--rotation:108;--translation:150}.spinner div:nth-child(4){--delay:0.4;--rotation:144;--translation:150}.spinner div:nth-child(5){--delay:0.5;--rotation:180;--translation:150}.spinner div:nth-child(6){--delay:0.6;--rotation:216;--translation:150}.spinner div:nth-child(7){--delay:0.7;--rotation:252;--translation:150}.spinner div:nth-child(8){--delay:0.8;--rotation:288;--translation:150}.spinner div:nth-child(9){--delay:0.9;--rotation:324;--translation:150}.spinner div:nth-child(10){--delay:1;--rotation:360;--translation:150}@keyframes spinner-fzua35{0%,10%,20%,30%,50%,60%,70%,80%,90%,to{transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1%))}50%{transform:rotate(calc(var(--rotation)*1deg)) translateY(calc(var(--translation)*1.5%))}}.App{font-family:Arial,sans-serif;text-align:center}body{height:-webkit-max-content;height:max-content;margin:0}.quordle{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:1050px){.quordle{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:255px}}@media (max-width:525px){.quordle{display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);margin-bottom:255px}}
/*# sourceMappingURL=main.ac0fc108.css.map*/