:root{--main-bg-color:#dc3444;--secondary-bg-color:#292929;--main-screen-bg-color:#98cb98;--secondary-screen-bg-color:#9e9d9d;--main-buttons-color:#585858;--square-buttons-color:#7ca9f7}.red{background-color:red}.yellow{background-color:#fecb65}.green{background-color:#32cb65}.blue{background-color:#3298cb}.light-blue{background-color:#85bdfe}.light-red{background-color:#fe98cb}.light-yellow{background-color:#fefecb}.light-green{background-color:#98fe00}*{margin:0;padding:0}main{padding-top:5%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}body{height:100vh;width:100vw;background-color:#292929;background-color:var(--secondary-bg-color)}.logo{justify-self:start;width:100%;height:20%;display:flex;justify-content:center;align-items:center}.card-body{padding:5%}.search-container{width:100%;height:10rem;justify-self:center;align-self:center;display:flex;justify-content:center;align-items:center}.ball-container{overflow:hidden;width:60px;height:60px;border:2px solid #000;border-radius:50%;position:relative;-webkit-animation:shake 1.5s ease-in infinite;animation:shake 1.5s ease-in infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.btn-pokdex{background-color:#dc3444;background-color:var(--main-bg-color);color:#fff;border-radius:4px}footer .card{height:24rem;border:unset;bs-card-bg:unset}footer .card-body{background-color:#171010;color:#fff}footer .card-header{background-color:#423f3e;border-radius:unset}.card-header:first-child{border-radius:unset}.card-title{font-family:Press Start\ 2P,cursive}@-webkit-keyframes shake{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}10%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}15%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}10%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}15%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}20%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.ball-container:hover{cursor:pointer;-webkit-animation-play-state:running;animation-play-state:running}.upper-half-ball{background-color:#dc3444;background-color:var(--main-bg-color)}.bottom-half-ball,.upper-half-ball{position:absolute;width:100%;height:42%}.bottom-half-ball{bottom:0;background-color:#fff}.center-ball{background-color:#fff;width:20%;height:20%;border:2px solid #000;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.center-line{background:#000;height:100%;width:100%}form{display:contents}input{text-align:center;height:40px;border-radius:4px;margin-right:40px;font-family:Press Start\ 2P,cursive;font-size:.6rem}input[type=text]{border:.15rem solid #dc3444;border:.15rem solid var(--main-bg-color);border-radius:4px}input[type=text]:focus-visible{border:.25rem solid #7ca9f7;border:.25rem solid var(--square-buttons-color);border-radius:4px}input:focus-visible{outline:unset!important}#pokedex{height:25rem;width:30rem;display:flex;border-radius:10px;box-shadow:-40px 35px 25px rgba(0,0,0,.18),-7px 7px 0 rgba(0,0,0,.18)}#left-panel{background-color:#dc3444;background-color:var(--main-bg-color);box-sizing:border-box;height:100%;width:50%;display:grid;grid-template-rows:23% 50% 27%;border:3px solid #000;border-top-left-radius:10px;border-bottom-left-radius:10px;border-top-right-radius:7px}.lights-container{position:relative;display:flex;justify-content:flex-start;align-items:center}.left-svg{position:absolute;z-index:5}.big-light-boarder{display:flex;justify-content:center;align-items:center;margin-left:5px;margin-top:5px;height:60px;width:60px;background-color:#fff}.big-light,.big-light-boarder{border:solid #000;border-radius:50%}.big-light{height:50px;width:50px}.big-dot{height:15px;width:15px;position:relative;top:7px;left:10px;border-radius:50%}.small-lights-container{margin-left:15px;margin-top:10px;width:70px;height:100%;display:flex;align-self:start;justify-content:space-around}.small-light{border:solid #000;width:1rem;height:1rem;border-radius:50%}.dot{height:5px;width:5px;position:relative;top:3px;left:3px;border-radius:50%}.btn-portfolio{background-color:#7ba9f7;color:#fff;border-radius:4px;margin-left:25px}.btn:hover{background-color:#292929;background-color:var(--secondary-bg-color);color:#fff}.screen-container{display:flex;justify-content:center}.screen{width:12rem;height:11rem;border:solid #000;border-radius:0 0 0 17%;display:grid;grid-template-rows:10% 72% 18%;background-color:#fff}.top-screen-lights{width:50%;margin-top:2px;display:flex;justify-self:center;justify-content:center;align-items:center}.mini-light{border:1px solid #000;width:.4rem;height:.4rem;border-radius:50%;margin-right:7px}#main-screen{height:100%;width:85%;justify-self:center;background-color:#98cb98;background-color:var(--main-screen-bg-color);border:2px solid #000;border-radius:5%;background-image:url(https://assets.pokemon.com/assets/cms2/img/pokedex/full/001.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.bottom-screen-lights{display:flex;margin-top:5px;width:75%;justify-self:center;justify-content:space-between;align-items:center}.bottom-screen-lights .small-light{border:2px solid #000;width:.8rem;height:.8rem}.bottom-screen-lights .dot{height:4px;width:4px;top:2.5px;left:2px}.line{width:18px;height:2px;background-color:#000;margin-top:2px}.buttons-container{display:grid;grid-template-rows:40% 60%}.big-button{width:2rem;height:2rem;border-radius:50%;border:2px solid #000;background-color:#585858;background-color:var(--main-buttons-color);margin-left:28px}.long-button{width:3rem;height:.85rem;border-radius:50px;border:2px solid #000;margin-left:5px}.green-screen{width:5.8rem;height:2rem;border-radius:5px;border:2px solid #000;background-color:#3ab47d;display:flex;justify-content:center;align-items:center}#name-screen{width:100%;font-family:Press Start\ 2P,cursive;text-align:center;font-size:8px;overflow-wrap:break-word}.circle{width:4px;height:4px;border-radius:50%;border:1px solid #000}.upper-buttons-container{display:flex;align-items:top;justify-content:flex-start}.long-buttons-container{display:flex;width:100px;justify-content:space-around;margin-left:5px}.nav-buttons-container{display:grid;grid-template-columns:27% 35% 38%}.dots-container{height:100%;width:50%;display:flex;justify-self:center;justify-content:space-between;font-size:x-large}.right-nav-container{position:relative;top:-30px;flex-direction:column}.nav-button,.right-nav-container{display:flex;justify-content:center;align-items:center}.nav-button{height:52px;width:52px}.nav-button-vertical{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.nav-button-horizontal,.nav-button-vertical{position:absolute;background-color:#585858;background-color:var(--main-buttons-color);border-radius:5px;height:1rem;width:4rem;border:2px solid #000}.nav-center-circle{height:5px;width:5px;border-radius:50%;border:2px solid #000;z-index:2}.border-top{top:-2px;left:22px;right:22.5px}.border-bottom,.border-top{border-top:3.5px solid #585858;border-top:3.5px solid var(--main-buttons-color);position:absolute}.border-bottom{top:11px;left:23px;right:23.5px}.bottom-right-nav-container{display:flex;text-align:center}.bottom-right-nav-container,.bottom-right-nav-container .dots-container{justify-content:center;align-items:center}.bottom-right-nav-container .small-light{border:2px solid #000;width:.8rem;height:.8rem;margin-right:3px;margin-top:10px}.bottom-right-nav-container .dot{height:2.5px;width:2.5px;top:1.5px;left:1.5px}#right-panel{background-color:#dc3444;background-color:var(--main-bg-color);box-sizing:border-box;position:relative;height:100%;width:50%;display:grid;grid-template-rows:24% repeat(4,19%);border-bottom:3px solid #000;border-bottom-right-radius:10px}#right-panel:before{content:"";position:absolute;bottom:0;width:100%;height:20.2rem;border-right:3px solid #000;border-bottom-right-radius:7px}.right-panel-screen,.top-screen-container{display:flex;justify-content:center;align-items:center}.right-panel-screen{font-family:Press Start\ 2P,cursive;width:12rem;height:5rem;background-color:#9e9d9d;background-color:var(--secondary-screen-bg-color);border:2px solid #000;border-radius:4px;font-size:xx-small;padding-right:2px;text-align:left;padding-left:8px;line-height:2}.square-buttons-container{display:flex;justify-content:center;align-items:center;margin-top:5%}.blue-squares-container{width:12rem;height:3.8rem;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr)}.blue-square{border-radius:2px;border:1.5px solid #000;background-color:#7ca9f7;background-color:var(--square-buttons-color);box-shadow:inset -2px -2px #3298cb}.center-buttons-container{display:flex;justify-content:space-around;margin-top:5%}.center-left-container{display:grid;margin-top:-5%}.small-reds-container{display:flex;align-items:center;justify-content:flex-start}.small-reds-container .small-light{border:2px solid #000;width:.65rem;height:.65rem;margin-right:10px;margin-top:10px}.small-reds-container .dot{height:2.5px;width:2.5px;top:1px;left:1px}.white-squares-container{display:flex;align-items:center;justify-content:center}.white-square{width:2rem;height:2rem;border-radius:5px;border:2px solid #000;background-color:#fff;box-shadow:inset -2px -2px grey}.center-right-container{display:grid;margin-left:-10%}.thin-buttons-container{display:flex;justify-content:space-between}.card{border-radius:unset}.thin-button{width:3rem;height:1rem;border:2px solid #000;background-color:#585858;background-color:var(--main-buttons-color);margin-left:10px}.yellow-button{justify-self:end;width:2rem;height:2rem;border-radius:50%;border:2px solid #000;margin-right:10px}.yellow-button .big-dot{height:7px;width:7px;position:relative;top:3px;left:5px;border-radius:50%}.bottom-screens-container{display:flex;justify-content:space-around;align-items:center}.bottom-screens-container .right-panel-screen{width:6rem;height:2rem}.mention{margin-top:10px;width:150px;display:grid;text-align:center;font-size:x-large}.links{display:flex;justify-content:space-between}.link-logo{width:25px;height:25px;background-position:50%;background-repeat:no-repeat;background-size:contain}.codepen{background-image:url(https://blog.codepen.io/wp-content/uploads/2012/06/Button-Fill-Black-Large.png)}.github{background-image:url(https://cdn-icons-png.flaticon.com/512/733/733609.png)}.dev{background-image:url(https://raw.githubusercontent.com/gist/benhalpern/eff81b17359acafd17849146549b9291/raw/6de3cc24798bd3b133d4d89a1d87004c369eac46/dev-icon.svg)}.linkedin{background-image:url(https://cdn-icons-png.flaticon.com/512/61/61109.png)}@media only screen and (max-width:768px){#pokedex{width:22rem;height:20rem;margin-top:5%}.screen{width:8rem;height:8rem}main{padding-top:0}.btn-portfolio{font-size:.7rem;margin-left:15px}.big-button{width:1rem;height:1rem;margin-left:18px}footer .card{height:16rem}.card-body{padding:10%}.top-screen-container{width:9.5rem}.right-panel-screen{width:8rem;height:4rem;font-size:.5rem}.square-buttons-container{width:9.5rem;margin-top:0}.blue-squares-container{width:7rem;height:2.8rem}.screen-container{margin-top:10%}.btn-pokdex{font-size:.7rem}.bottom-screens-container .right-panel-screen{width:5rem;height:1.5rem;margin-left:2%;font-size:.45rem}.bottom-screens-container{justify-content:unset}.center-buttons-container{margin-top:0}.thin-button{width:2rem;height:.5rem;margin-left:5px}.center-right-container{margin-left:-45%}.center-left-container{margin-top:-12%}.white-square,.yellow-button{width:1.5rem;height:1.5rem}.long-button{width:2.7rem;height:.7rem;margin-left:-10px}.upper-buttons-container{margin-top:-3%}#right-panel:before{height:15.2rem}.nav-buttons-container{grid-template-columns:25% 31% 55%}.buttons-container{margin-top:0;grid-template-rows:45% 60%}.green-screen{width:5.2rem;margin-top:5%}.right-nav-container{top:-35px}.nav-button-horizontal,.nav-button-vertical{height:1rem;width:2.5rem}.bottom-right-nav-container .small-light{width:.5rem;height:.5rem;margin-top:10px}}
/*# sourceMappingURL=main.4f9be51d.chunk.css.map */