.type{border:1px solid #fff;border-radius:100%;display:inline-block;height:50px;margin:5px;transition:all .2s;width:50px}.type>img{height:60%;margin:20%;width:60%}.bug{background:#92bc2c;box-shadow:0 0 10px #92bc2c}.dark{background:#595761;box-shadow:0 0 10px #595761}.dragon{background:#0c69c8;box-shadow:0 0 10px #0c69c8}.electric{background:#f2d94e;box-shadow:0 0 10px #f2d94e}.fairy{background:#ee90e6;box-shadow:0 0 10px #ee90e6}.fighting{background:#d3425f;box-shadow:0 0 10px #d3425f}.fire{background:#fba54c;box-shadow:0 0 10px #fba54c}.flying{background:#a1bbec;box-shadow:0 0 10px #a1bbec}.ghost{background:#5f6dbc;box-shadow:0 0 10px #5f6dbc}.grass{background:#5fbd58;box-shadow:0 0 10px #5fbd58}.ground{background:#da7c4d;box-shadow:0 0 10px #da7c4d}.ice{background:#75d0c1;box-shadow:0 0 10px #75d0c1}.normal{background:#a0a29f;box-shadow:0 0 10px #a0a29f}.poison{background:#b763cf;box-shadow:0 0 10px #b763cf}.psychic{background:#fa8581;box-shadow:0 0 10px #fa8581}.rock{background:#c9bb8a;box-shadow:0 0 10px #c9bb8a}.steel{background:#5695a3;box-shadow:0 0 10px #5695a3}.water{background:#539ddf;box-shadow:0 0 10px #539ddf}.card{border-radius:8%;box-shadow:3px 1px 5px #000;font-family:Bagel Fat One,system-ui;height:290px;letter-spacing:1px;padding:10px;text-align:center;transform-style:preserve-3d;transition:all .05s ease-in-out;transition:transform .4s;width:180px}.card-container:hover .card{transform:rotateY(180deg);transition-delay:.1s}.card-container{margin:10px}.card>img{padding:5px}.sprite{height:150px;width:150px}.types{display:flex;justify-content:space-evenly;width:100%}.card-back,.card-back>img{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;backface-visibility:hidden;display:flex;flex-direction:column;height:90%;justify-content:space-evenly;position:absolute;width:90%}.pokemon-name{font-size:24px}.header{align-items:center;background-color:#708090;border-bottom:2px solid #000;display:flex;font-size:48px;height:100px;justify-content:center;left:0;margin-bottom:15px;position:sticky;top:0;z-index:10001}.header>span{@media (max-width:475px){margin-left:10vw}}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:5px;left:0;margin:1rem;position:absolute;top:25px;width:30px;z-index:1001}.bar{background-color:#000;height:3px;transition:all .3s ease;width:100%}.rotate1{transform:rotate(45deg) translate(5px,5px)}.fade{opacity:0}.rotate2{transform:rotate(-45deg) translate(5px,-5px)}.side-menu{background-color:#fff;border-right:2px solid #000;box-shadow:2px 0 6px #0000001a;font-size:18px;height:100%;left:0;padding:2rem 1rem;position:fixed;text-align:center;top:100px;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.side-menu.open{transform:translateX(0)}.side-menu ul{list-style:none;padding:0}.side-menu li{margin:20px 0}.wip{margin-bottom:10px;text-align:center}.back-to-top{background-color:#007bff;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:20px;left:50%;opacity:0;padding:15px;pointer-events:none;position:fixed;transform:translateX(-50%);transition:opacity .3s ease;z-index:999}.back-to-top.visible{opacity:1;pointer-events:auto}.back-to-top:hover{background-color:#0056b3}.gen-button{background-color:gray;border-radius:20px;color:#fff;font-family:cursive,system-ui;font-size:24px;height:50px;margin:10px;transition:all .2s;width:100px}.gen-button:hover{background-color:#fff;color:gray}.all-cards-container,.gen-button-container{display:flex;flex-wrap:wrap;justify-content:center}.all-cards-container{flex-direction:row;margin:auto;width:80%}body,html{background-color:#f0f0f0;height:100%;min-width:400px;width:100%}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}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:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*# sourceMappingURL=main.89e0b5bc.css.map*/