@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);:root{--permanant-bg: ;--color-moon:#1f2937;--color-sun:#ccbe00}.light-mode{--color-body-bg:#e0e0e0;--color-text:#1f2937}.dark-mode{--color-body-bg:#161b1d;--color-text:#f2eff5}body{background-color:var(--color-body-bg);box-sizing:border-box;color:var(--color-text);margin:0;overflow:hidden;padding:0}.app{font-family:Nunito,sans-serif;height:100%;min-height:100vh;text-align:center;width:100%}nav{align-items:center;border-bottom:1px solid grey;display:flex;height:50px;justify-content:center;padding:0 .9rem}.title{font-size:35px;font-weight:bolder;margin:0;-webkit-transform:translateX(25px);transform:translateX(25px);width:100%}.game{align-items:center;padding-top:30px;width:100%}.board,.game{display:flex;flex-direction:column}.board{height:100%;list-style:none;width:300px}.row{display:flex;flex:33% 1;flex-direction:row}.letter{border:1px solid grey;color:var(--color-text);display:grid;flex:33% 1;font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:bolder;height:45px;margin:5px;place-items:center}#correct{background-color:#528d4e}#almost{background-color:#b49f39}#error{background-color:#acacac}.keyboard{margin-top:20px;max-width:700px}.line1,.line2,.line3{display:flex;flex:33% 1;flex-direction:row;justify-content:center;margin:5px}.key{background-color:grey;border:none;border-radius:4px;color:#fff;cursor:pointer;display:grid;font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:40px;margin:5px;outline:none;place-items:center;width:35px}.big{font-size:.8rem;width:60px}#disabled{background-color:#3a393c}@media only screen and (max-width:480px){.keyboard{width:390px}.key,.line1,.line2,.line3{margin:2.5px}.board{width:250px}.letter{font-size:24px;height:40px;margin:3px}}@-webkit-keyframes firework{0%{opacity:1;-webkit-transform:translate(var(--x),var(--initialY));transform:translate(var(--x),var(--initialY));width:var(--initialSize)}50%{opacity:1;width:.5vmin}to{opacity:0;width:var(--finalSize)}}@keyframes firework{0%{opacity:1;-webkit-transform:translate(var(--x),var(--initialY));transform:translate(var(--x),var(--initialY));width:var(--initialSize)}50%{opacity:1;width:.5vmin}to{opacity:0;width:var(--finalSize)}}.firework,.firework:after,.firework:before{--initialSize:0.5vmin;--finalSize:45vmin;--particleSize:0.2vmin;--color1:red;--color2:khaki;--color3:#fff;--color4:lime;--color5:gold;--color6:#3cb371;--y:-30vmin;--x:-50%;--initialY:60vmin;-webkit-animation:firework 2s infinite;animation:firework 2s infinite;aspect-ratio:1;background:radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 50% 0,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 50%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 50% 100%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 0 50%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 80% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 95% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 90% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 55% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 70% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 22% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 45% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 10% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 31% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 28% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 13% 72%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 80% 10%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 95% 14%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 90% 23%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 100% 43%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 85% 27%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 77% 37%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 60% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 22% 14%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 45% 20%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 34%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 10% 29%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 31% 37%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 28% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 13% 42%;background-repeat:no-repeat;background-size:var(--initialSize) var(--initialSize);content:"";left:50%;position:absolute;top:70%;-webkit-transform:translate(-50%,var(--y));transform:translate(-50%,var(--y));width:var(--initialSize)}.firework:before{-webkit-transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg);transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg)}.firework:after,.firework:before{--x:-50%;--y:-50%;--initialY:-50%}.firework:after{-webkit-transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg);transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg)}.firework:nth-child(2){--x:30vmin}.firework:nth-child(2),.firework:nth-child(2):after,.firework:nth-child(2):before{--color1:#002fff;--color2:violet;--color3:#f0f;--color4:orchid;--color5:plum;--color6:#e6e6fa;--finalSize:40vmin;-webkit-animation-delay:-.25s;animation-delay:-.25s;left:30%;top:70%}.firework:nth-child(3){--x:-30vmin;--y:-50vmin}.firework:nth-child(3),.firework:nth-child(3):after,.firework:nth-child(3):before{--color1:#51ff00;--color2:#e0ffff;--color3:#add8e6;--color4:#afeeee;--color5:skyblue;--color6:#e6e6fa;--finalSize:35vmin;-webkit-animation-delay:-.4s;animation-delay:-.4s;left:70%;top:80%}.dark-light{align-items:center;background-color:var(--permanant-bg);border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.dark-icon{color:var(--color-moon);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.dark-icon,.light-icon{font-size:2rem;transition:.35s cubic-bezier(.7,.28,.1,.045)}.light-icon{color:var(--color-sun);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
/*# sourceMappingURL=main.605c9f29.css.map*/