@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap";.navbar{background-color:#fcf3f3;color:#0c0303;padding:10px;display:flex;justify-content:space-evenly;align-items:center;border-radius:10px;border:2px solid transparent}.navbar a{color:#0c0303;text-decoration:none;margin:0 10px}.navbar button{background-color:#64d97b;color:#0c0303;border:none;padding:10px 20px;cursor:pointer;margin:0 10px}.navbar a.github{background-color:#fcf3f3}.navbar button.add-pokemon{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fa1c1c;cursor:pointer;transition:border-color .25s}.navbar button.home{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#c5c530;cursor:pointer;border:transparent;transition:border-color .25s}.navbar button.add-pokemon:hover{border-color:#ff8f8f}.navbar button.add-pokemon:focus,.navbar button.add-pokemon:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar button.home{border-color:#ff8f8f}.navbar button.home:focus,.navbar button.home:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{display:flex;justify-content:center;align-items:center;height:250px;width:200px;background:transparent;box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f;border:none;border-radius:8px}.card:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.content{display:flex;flex-direction:column;height:100%;width:100%;background-color:#fcf3f3;border-radius:8px}.content>.top{display:flex;justify-content:flex-end;align-items:center;height:20%;background-color:#fa1c1c;border-top-left-radius:8px;border-top-right-radius:8px}.content>.top p{font-weight:700;font-size:16px;color:#0c0303}.content>.top .color{height:20px;width:20px;margin-left:5px;margin-right:10px;border-radius:50%;background:url(/favicon.ico) 0 0 / 100%}.content>.middle{display:flex;justify-content:space-between;align-items:center;height:40%;background:linear-gradient(to bottom right,#ffdd00,#f3f3ce 100%);padding-left:15px;padding-right:15px}.content>.middle img{width:60%}.content>.middle div>p:first-child{margin-bottom:5px;font-size:12px}.content>.middle div>p:last-child{margin:0;font-weight:700}.content>.bottom{display:flex;justify-content:space-between;align-items:center;height:40%;padding-left:30px;padding-right:30px}.content>.bottom div{display:flex;flex-direction:column;align-items:center}.content>.bottom div p:first-child{font-weight:700;margin-bottom:5px;font-size:12px}.pl,.pl__ball,.pl__ball-inner-shadow,.pl__ball-texture,.pl__inner-ring,.pl__outer-ring,.pl__track-cover{border-radius:500%}.pl{margin-top:20%;margin-bottom:20%;position:relative;width:16em;height:16em}.pl__ball,.pl__ball-inner-shadow,.pl__ball-texture,.pl__ball-texture:before,.pl__inner-ring,.pl__outer-ring,.pl__track-cover{position:absolute}.pl__ball,.pl__ball-inner-shadow,.pl__ball-texture:before,.pl__track-cover{animation:ball 3s linear infinite}.pl__ball{top:calc(50% - 1.25em);left:calc(50% - 1.25em);transform:rotate(0) translateY(-6.5em);width:2.5em;height:2.5em}.pl__ball-inner-shadow{animation-name:ballInnerShadow;box-shadow:0 .1em .2em #0000004d,0 0 .2em #0000001a inset,0 -1em .5em #00000026 inset;width:100%;height:100%}.pl__ball-texture{overflow:hidden;width:100%;height:100%;transform:translateZ(0);animation:rotate 1s linear infinite}.pl__ball-texture:before{animation-name:ballTexture;animation-duration:0s;background:url(/favicon.ico) 0 0 / 50% 100%;content:"";display:block;filter:brightness(1.05);top:0;right:0;width:200%;height:100%}.pl__inner-ring{box-shadow:0 -.25em .5em #fff6,0 .5em .75em #fff6 inset,0 .5em .375em #00000026,0 -.5em .75em #00000026 inset;top:2.375em;left:2.375em;width:calc(100% - 4.75em);height:calc(100% - 4.75em)}.pl__outer-ring{box-shadow:0 -.45em .375em #00000026,0 .5em .75em #00000026 inset,0 .25em .5em #fff6,0 -.5em .75em #fff6 inset;top:.75em;left:.75em;width:calc(100% - 1.5em);height:calc(100% - 1.5em)}@keyframes ball{0%{transform:rotate(0) translateY(-6.5em)}50%{transform:rotate(180deg) translateY(-6em)}to{transform:rotate(360deg) translateY(-6.5em)}}@keyframes ballInnerShadow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes ballOuterShadow{0%{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes ballTexture{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.card-container{display:flex;flex-wrap:wrap;justify-content:center}.card{width:200px;margin:10px}.pagination-buttons{margin-bottom:6px;display:flex;align-items:center;justify-content:center}.footer{position:static;bottom:0;width:100%;border-top:1px solid #000;background-color:#ff0;padding:10px;text-align:center}.footer p{margin:5px 0;color:#000}.container{display:flex;border:2px solid #ccc;border-radius:10px;padding:10px}.textContainer{flex:1}.imageContainer{flex:1;text-align:right;padding-top:10%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ff0000de;background-color:#fcf3f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center}a{font-weight:500;color:#0c0303;text-decoration:inherit}a:hover{color:#ff8f8f}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fa1c1c;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fd0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}