@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);body{background:#d0f7a3;background:linear-gradient(180deg,#d0f7a3,#cdf7eb 58%);font-family:Roboto,sans-serif;height:100vh;overflow:hidden;width:100vw}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{color:#96a792;color:var(--color-gray );font-weight:400;margin:0;padding:0}ol,ul{list-style:none}img{height:auto;max-width:100%}:root{--color-primary:#14a4a8;--color-secondary:#28a76a;--color-border:#118185;--color-light:#f7fbf6;--color-gray:#96a792;--color-bug:#35bc00;--color-fight:#ce084a;--color-psy:#f79bee;--color-poison:#8c39c6;--color-dragon:#0092bf;--color-ghost:#0c0e26;--color-dark:#393763;--color-ground:#d8b586;--color-fire:#fcc7a1;--color-fairy:#eaabcf;--color-water:#396a9b;--color-fly:#dbf2f9;--color-normal:#d1d3d3;--color-rock:#c6a65f;--color-electric:#fcff82;--color-grass:#27ba7a;--color-ice:#00c5cc;--color-steel:#395863}.bug{background-color:#35bc00;background-color:var(--color-bug)}.fight{background-color:#ce084a;background-color:var(--color-fight)}.psy{background-color:#f79bee;background-color:var(--color-psy)}.poison{background-color:#8c39c6;background-color:var(--color-poison)}.dragon{background-color:#0092bf;background-color:var(--color-dragon)}.ghost{background-color:#0c0e26;background-color:var(--color-ghost)}.dark{background-color:#393763;background-color:var(--color-dark)}.ground{background-color:#d8b586;background-color:var(--color-ground)}.fire{background-color:#fcc7a1;background-color:var(--color-fire)}.fairy{background-color:#eaabcf;background-color:var(--color-fairy)}.water{background-color:#396a9b;background-color:var(--color-water)}.fly{background-color:#dbf2f9;background-color:var(--color-fly)}.normal{background-color:#d1d3d3;background-color:var(--color-normal)}.rock{background-color:#c6a65f;background-color:var(--color-rock)}.electric{background-color:#fcff82;background-color:var(--color-electric)}.grass{background-color:#27ba7a;background-color:var(--color-grass)}.ice{background-color:#00c5cc;background-color:var(--color-ice)}.steel{background-color:#395863;background-color:var(--color-steel)}.App{height:100vh;width:100vw}.content{position:relative}.audio-btn{cursor:pointer;position:absolute;right:1rem;top:-2rem}.audio-btn img{width:2rem}.loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading .load-title{font-size:1.75rem;padding-top:7.5rem;text-decoration:none}.loading .load-gif .gif-logo{height:8.5rem;width:auto}.searchbar{height:3rem;margin:2rem 1rem;position:relative;width:50vw}.searchbar input{border:1px solid var(--color-gray);border-radius:2rem;color:var(--color-gray);font-size:1.3rem;height:3rem;outline:none;padding:0 3rem;width:100%}.searchbar img{left:.5rem;position:absolute;top:.5rem;width:2rem}.filter{display:flex;height:4rem;justify-content:space-between;width:90vw}.filter #btn{background-color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;display:grid;height:100%;min-height:4rem;place-items:center;transition:all .3s ease-in-out;width:30%}.filter #btn:hover{-webkit-transform:scale(1.01);transform:scale(1.01)}.filter #btn p{color:var(--color-light);text-transform:uppercase}.container{display:flex;flex-wrap:wrap;justify-content:center;margin:1rem;max-height:80vh;overflow-y:auto;padding:4rem;width:100%}.container::-webkit-scrollbar{width:15px}.container::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}.container::-webkit-scrollbar-track{background-color:var(--color-light);border-radius:10px}.cards{border:none;height:30vh;margin:2rem 1rem 0;position:relative;transition:all .3s ease-in-out;width:13vw}.cards:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cards:hover img{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.cards p{color:var(--color-primary);margin:.5rem 1rem}.cards .pp{cursor:pointer;height:70%;width:100%}.cards .details{cursor:default;display:flex;height:30%;justify-content:center;width:100%}.cards .details .name{align-items:center;display:flex;height:100%}.cards .details .name p:first-letter{text-transform:uppercase}.cards .details .name img{transition:all .5s ease-in-out;width:2rem}.cards .details .number{display:flex;height:100%;position:absolute;right:0;top:0}.cards .details .number p{font-weight:900}.cards .details .btn-add{cursor:pointer;height:2rem;width:2rem;z-index:998}.popup{background:#d0f7a3;background:linear-gradient(180deg,#d0f7a3,#cdf7eb 58%);display:grid;height:100vh;opacity:.98;place-items:center;position:absolute;top:-1.9em;width:100vw;z-index:999}.popup .popup-content{background-color:var(--color-primary);border-radius:2rem;display:flex;height:80%;padding:2rem;position:relative;width:60%}.popup .popup-content,.popup .popup-content h2,.popup .popup-content p,.popup .popup-content span{color:var(--color-light)}.popup .popup-content span{cursor:pointer;position:absolute;right:2rem;top:1.5rem}.popup .popup-content .popup-left{height:100%;width:50%}.popup .popup-content .popup-left .popup-image{-webkit-animation:giggle .3s ease;animation:giggle .3s ease;height:50%;position:relative;width:100%}@-webkit-keyframes giggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes giggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.popup .popup-content .popup-left .popup-image img{position:absolute;top:-1rem}.popup .popup-content .popup-left .stats-popup{display:flex;flex-direction:column;height:50%;padding:1rem 1rem 0;width:100%}.popup .popup-content .popup-left .stats-popup .row{align-items:center;display:flex;height:15%;justify-content:space-between;margin-bottom:1rem;width:100%}.popup .popup-content .popup-left .stats-popup .row #bar-stats{height:80%;width:65%}.popup .popup-content .popup-left .stats-popup .row #bar-stats #bar-achieve{height:100%}.popup .popup-content .popup-left .stats-popup .row .text-stats{width:15%}.popup .popup-content .popup-details{height:100%;padding:2rem 1rem;width:50%}.popup .popup-content .popup-details .popup-name{display:flex;justify-content:center;margin-bottom:2rem;width:100%}.popup .popup-content .popup-details .popup-name h2:first-letter{text-transform:uppercase}.popup .popup-content .popup-details .popup-types{display:flex;height:7%;justify-content:space-evenly;margin-bottom:2rem;width:100%}.popup .popup-content .popup-details .popup-types #type{border-radius:2rem;display:grid;height:100%;place-items:center;position:relative;width:40%}.popup .popup-content .popup-details .popup-types #type p{margin-left:1rem}.popup .popup-content .popup-details .popup-types #type p:first-letter{text-transform:uppercase}.popup .popup-content .popup-details .popup-types #type img{left:.2rem;position:absolute;width:2.5rem}.popup .popup-content .popup-details .popup-description{height:50%;margin:0 0 2rem 2rem;width:100%}.popup .popup-content .popup-details .popup-attacks{align-items:center;display:flex;flex-wrap:wrap;height:25%;justify-content:center;margin-left:1rem;width:100%}.popup .popup-content .popup-details .popup-attacks #attacks{border:2px solid var(--color-border);display:grid;height:40%;margin-right:1rem;place-items:center;width:45%}.content .pk-sct{flex-direction:column;height:100%;margin-bottom:2rem;margin-top:2rem;overflow-y:auto;width:100%}.content .pk-sct,.content .pk-sct .title{align-items:center;display:flex}.content .pk-sct .title img{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:2.5rem;margin-right:.6rem;width:2.5rem}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.content .pk-sct .title p{font-size:2.2rem}.content .pk-sct::-webkit-scrollbar{width:15px}.content .pk-sct::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:10px}.content .pk-sct::-webkit-scrollbar-track{background-color:var(--color-light);border-radius:10px}.content .pk-sct .pk-main-row{height:auto;width:100%}.content .pk-sct .pk-main-row .pk-row{align-items:center;border-bottom:1px solid var(--color-primary);display:flex;justify-content:space-around;margin:1rem 2rem}.content .pk-sct .pk-main-row .pk-row p:first-letter{text-transform:uppercase}.content .pk-sct .pk-main-row .pk-row .pk-img{height:10rem;width:10rem}.content .pk-sct .pk-main-row .pk-row .remove-btn{align-items:center;background-color:var(--color-fight);border:2px solid #9f0538;display:flex;height:4rem;justify-content:center;transition:all .3s ease-in-out;width:8rem}.content .pk-sct .pk-main-row .pk-row .remove-btn:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.content .pk-sct .pk-main-row .pk-row .remove-btn p{color:#fff}.content .pk-sct .pk-main-row .pk-row .remove-btn:hover{cursor:pointer}.content .pk-sct .pk-erase .erase-btn{align-items:center;background-color:var(--color-electric);border:2px solid #d6d771;cursor:pointer;display:flex;height:3rem;justify-content:center;margin-top:2rem;transition:all .3s ease-in-out;width:10rem}.content .pk-sct .pk-erase .erase-btn:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.content{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;height:100vh;width:100%}.content .navbar{display:flex;justify-content:space-between;margin-top:1rem;width:30vw}.content .navbar a{color:var(--color-gray);text-decoration:none}
/*# sourceMappingURL=main.e24503ad.css.map*/