body{background:#f12711;background:linear-gradient(90deg,#c2001f,#e87836)}img{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.container{display:grid;grid-template-areas:"header header header header"". image name .""info info info info";grid-template-columns:170px 1fr 1fr 170px;grid-template-rows:80px 1fr 200px;height:100vh;padding:30px 40px;width:100%}.modal{align-items:center;background-color:rgba(0,0,0,.75);display:none;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100%;z-index:10}.modal.is-open{display:flex}.modal-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;max-height:600px;max-width:500px;min-height:350px;min-width:450px;padding:1rem;position:relative;text-align:center}.score-modal{margin-left:1.2rem;margin-top:1rem}.header{align-self:center;grid-area:header;text-align:center}.header__title{font-size:2rem}.lettering{-webkit-text-stroke:0 #f4d043;color:#085b7f;text-shadow:3px 3px 0 #f4d043,-3px -3px 0 #f4d043,3px -3px 0 #f4d043,-3px 3px 0 #f4d043,3px 3px 0 #f4d043}.hero__image{align-self:center;grid-area:image;justify-self:center;position:relative}.hero__image__pokemon{position:relative;width:320px;z-index:5}.hero__image__glint{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%}.glint{background-color:#fff;border-radius:50%;box-shadow:0 0 4px 10px hsla(0,0%,100%,.8),0 0 6px 30px hsla(0,0%,100%,.8),0 0 12px 60px rgba(55,255,255,.8),0 0 20px 90px rgba(50,100,151,.5),0 0 30px 110px rgba(50,100,151,.5),0 0 35px 115px rgba(50,100,151,.5),0 0 40px 120px rgba(50,100,151,.5),0 0 100px 180px rgba(50,100,151,.5);color:#fff;height:80px;width:80px;z-index:-1}.hero__name{align-self:center;grid-area:name;justify-self:center}.query{display:inline-block;font-size:5rem;-webkit-transform:scaleY(1.5);transform:scaleY(1.5)}.hero__name__pokemon{font-size:30px;text-transform:capitalize}.filter{-webkit-filter:grayscale(100%) brightness(0);filter:grayscale(100%) brightness(0)}.info__container{background-color:hsla(0,0%,100%,.7);gap:2.3rem;grid-area:info;height:85%;width:100%}.info__container,.info__message{align-items:center;display:flex;justify-content:space-evenly}.info__message{width:58%}.bubble__message{font-size:.9rem;max-width:80%}.info__controls{display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:space-evenly;position:relative;width:470px}.info__controls__score{bottom:-30px;position:absolute}.score{display:inline-block;font-size:.85rem;margin-right:1.7rem}.score-correct{color:#92cc41}.score-incorrect{color:#e76e55}.info__form__input{width:280px}.info__buttons{display:flex;justify-content:space-around}@-webkit-keyframes glow{0%{box-shadow:0 0 30px 40px hsla(0,0%,100%,.8),0 0 70px 50px hsla(0,0%,100%,.8),0 0 90px 60px hsla(0,0%,100%,.8),0 0 110px 70px rgba(0,100,151,.8),0 0 130px 80px rgba(0,100,151,.8),0 0 150px 90px rgba(0,100,151,.5),0 0 170px 100px rgba(0,100,151,.5),0 0 190px 110px rgba(0,100,151,.5),0 0 230px 120px rgba(0,100,151,.5),}to{box-shadow:0 0 2px 30px hsla(0,0%,100%,.8),0 0 8px 70px hsla(0,0%,100%,.8),0 0 10px 90px rgba(55,255,255,.8),0 0 20px 110px rgba(50,100,151,.5),0 0 30px 130px rgba(50,100,151,.5),0 0 40px 150px rgba(50,100,151,.5),0 0 50px 170px rgba(50,100,151,.5),0 0 100px 200px rgba(50,100,151,.5)}}@keyframes glow{0%{box-shadow:0 0 30px 40px hsla(0,0%,100%,.8),0 0 70px 50px hsla(0,0%,100%,.8),0 0 90px 60px hsla(0,0%,100%,.8),0 0 110px 70px rgba(0,100,151,.8),0 0 130px 80px rgba(0,100,151,.8),0 0 150px 90px rgba(0,100,151,.5),0 0 170px 100px rgba(0,100,151,.5),0 0 190px 110px rgba(0,100,151,.5),0 0 230px 120px rgba(0,100,151,.5),}to{box-shadow:0 0 2px 30px hsla(0,0%,100%,.8),0 0 8px 70px hsla(0,0%,100%,.8),0 0 10px 90px rgba(55,255,255,.8),0 0 20px 110px rgba(50,100,151,.5),0 0 30px 130px rgba(50,100,151,.5),0 0 40px 150px rgba(50,100,151,.5),0 0 50px 170px rgba(50,100,151,.5),0 0 100px 200px rgba(50,100,151,.5)}}@media screen and (max-width:1024px){.container{grid-template-rows:80px 1fr 280px}.info__container{align-self:center}.info__message{width:80%}.bubble__message{font-size:.9rem;max-width:75%}.info__controls{width:380px}.info__form{display:flex;flex-direction:column;width:300px}.score{font-size:.75rem;margin-right:1rem}.info__buttons{flex-direction:column}}@media screen and (max-width:900px){.modal{height:100%}.container{grid-template-areas:"header header""image name""info info";grid-template-columns:60% 40%;grid-template-rows:100px 1fr 1fr;height:auto;padding:30px}.info__container{flex-direction:column;height:auto}.info__message{height:auto;width:100%}.info__controls,.info__form{align-items:center;width:100%}.info__form{gap:.5rem}.info__buttons{gap:.5rem;width:50%}.info__controls__score{bottom:0;position:relative}}@media screen and (max-width:500px){.modal-container{font-size:.8rem;max-width:320px;min-width:250px}.container{grid-template-columns:55% 45%;grid-template-rows:100px 250px 1fr;padding:20px}.header__title{font-size:1.2rem}.lettering{text-shadow:2px 2px 0 #f4d043,-2px -2px 0 #f4d043,2px -2px 0 #f4d043,-2px 2px 0 #f4d043,2px 2px 0 #f4d043}.query{font-size:3.5rem;-webkit-transform:scaleY(1.3);transform:scaleY(1.3)}.hero__name__pokemon{font-size:1rem}.hero__image__pokemon{width:150px}.glint{box-shadow:0 0 2px 10px hsla(0,0%,100%,.8),0 0 6px 20px hsla(0,0%,100%,.8),0 0 8px 40px rgba(55,255,255,.8),0 0 15px 60px rgba(50,100,151,.5),0 0 20px 70px rgba(50,100,151,.5),0 0 30px 80px rgba(50,100,151,.5),0 0 40px 90px rgba(50,100,151,.5),0 0 60px 100px rgba(50,100,151,.5)}.info__container{gap:.8rem}.nes-container.is-rounded{padding:.4rem}.bubble__message{font-size:.7rem;width:80%}.info__buttons{gap:.5rem;width:80%}.pokemon-character{-webkit-transform:scale(.7);transform:scale(.7)}.form__button{font-size:.8rem}.score{font-size:.6rem}}
/*# sourceMappingURL=main.f66645cf.css.map*/