@import"https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;700&display=swap";body{margin:0;font-family:Spartan,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color: #333652;--secondary-color: #E9EAEC;--tertary-color: #90ADC6;--success-color: #05CE91;--error-color: #FF6161;--warning-color: #FFAD49;--background-color: #E5E5E5;--textHeader-color: #ffffff;--textBody-color: #333652;--border-color: #ffffff;--bug-color: #89960B;--dark-color: #322C26;--dragon-color: #6B57D2;--fairy-color: #DA93DD;--fighting-color: #80311D;--fire-color: #EC5D35;--ghost-color: #AD6EEC;--grass-color: #68BB2B;--ground-color: #D0B155;--normal-color: #C3C0B8;--poison-color: #924694;--psychic-color: #DA3063;--steel-color: #8F8E9E;--water-color: #5CC1ED;--electric-color: #F4CB38;--ice-color: #9BDEFB;--flying-color: #5D74D5;--rock-color: #9D853C}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:62.5%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.header{margin:auto;padding-top:3rem;padding-bottom:1rem;background-color:var(--tertary-color);text-align:center}.header button{background-color:transparent;border:none;border-top:1px solid var(--border-color);margin:auto;padding:15px;outline:none;width:80%;text-transform:uppercase;font-weight:700;color:var(--textHeader-color);font-size:1rem;cursor:pointer}.pokeball{display:flex;margin:10px auto;height:100px;justify-content:center;align-items:center;z-index:1;cursor:pointer}.pokeball img{width:100%}.isGray{filter:grayscale(80%)}.pokeball-vector{display:flex;z-index:-1;position:absolute;justify-content:center;flex-direction:column}.pokeball-vector{display:flex;justify-content:center;flex-direction:column}svg{margin:2px}.team-input{display:flex;width:30%}.team-input input{font-family:Spartan,sans-serif;background-color:transparent;width:90%;border:none;outline:none;font-weight:700}.team-input input::placeholder{color:var(--textBody-color);font-weight:700;opacity:1}.bar{border-bottom:1px solid rgb(255,255,255)}.pokeball-container{display:grid;position:relative;grid-template-columns:1fr 1fr 1fr}.pokemon{text-align:center;align-items:center;width:100px;cursor:pointer}.pokemon-id{display:flex;background-color:var(--tertary-color);justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;font-size:.5rem;border-radius:50%;color:var(--textHeader-color)}.pokemon-id p{font-size:.9em}.pokemon-sprite{position:relative;margin:auto;width:80%}.pokemon-info h1{font-size:.8rem}.pokemon-types{margin:10px;display:flex;justify-content:space-evenly}.selected{position:absolute;display:flex;margin:30px;width:30px;justify-content:center;align-items:center;opacity:.8}.type1,.type2{width:35px;height:0px}.bug{border:1px solid var(--bug-color);fill:var(--bug-color)}.dark{border:1px solid var(--dark-color);fill:var(--dark-color)}.dragon{border:1px solid var(--dragon-color);fill:var(--dragon-color)}.fairy{border:1px solid var(--fairy-color);fill:var(--fairy-color)}.fighting{border:1px solid var(--fighting-color);fill:var(--fighting-color)}.fire{border:1px solid var(--fire-color);fill:var(--fire-color)}.ghost{border:1px solid var(--ghost-color);fill:var(--ghost-color)}.grass{border:1px solid var(--grass-color);fill:var(--grass-color)}.ground{border:1px solid var(--ground-color);fill:var(--ground-color)}.normal{border:1px solid var(--normal-color);fill:var(--normal-color)}.poison{border:1px solid var(--poison-color);fill:var(--poison-color)}.psychic{border:1px solid var(--psychic-color);fill:var(--psychic-color)}.steel{border:1px solid var(--steel-color);fill:var(--steel-color)}.water{border:1px solid var(--water-color);fill:var(--water-color)}.electric{border:1px solid var(--electric-color);fill:var(--electric-color)}.ice{border:1px solid var(--ice-color);fill:var(--ice-color)}.flying{border:1px solid var(--flying-color);fill:var(--flying-color)}.rock{border:1px solid var(--rock-color);fill:var(--rock-color)}.pokedex-container{margin:5px auto;padding:1rem}.pokedex-container h1{font-weight:700}.search-input input{font-family:Spartan,sans-serif;width:100%;background-color:transparent;border:none;outline:none}.search-input{margin:10px;width:93%}.search-input input:focus-within{border-bottom:1px solid var(--primary-color)}.pokemons{margin-top:10px;display:grid;grid-template-columns:1fr 1fr 1fr;height:425px;overflow:scroll;overflow-x:hidden}li{color:var(--background-color)}.button-container{display:flex;justify-content:right;margin-right:50px}.button-container button{background-color:transparent;border:none;cursor:pointer}.modal-container{position:absolute;margin:20px;display:flex;justify-content:center;text-align:center;align-items:center;width:350px;height:80px;color:#fff;border-radius:10px;animation:fade .3s forwards,slideDownSmall .3s cubic-bezier(.3,1,.3,1.3) forwards}.success{background-color:var(--success-color)}.warning{background-color:var(--warning-color)}.error{background-color:var(--error-color)}@keyframes slideDownSmall{0%{transform:translate3d(0,-40px,0)}to{transform:translate3d(0px)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.teams{margin:5px auto;padding:1rem;max-width:321px}.bar{border-bottom:1px solid black}.teams h1{font-weight:700}.right{display:flex;justify-content:center;align-items:center;margin-left:40px}.left{display:flex;justify-content:center;align-items:center}.main-team{height:850px;overflow-y:auto}.App{margin:auto;font-family:Spartan,sans-serif;width:100%;max-width:395px;background-color:var(--background-color);color:var(--text-color)}