@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);:root{--color-primary:#0277bd;--color-primary-dark:#004c8c;--color-primary-light:#58a5f0;--color-secondary:#ffeb3b;--img-size:140px}li{list-style:none}*{box-sizing:border-box}body{background-color:#f3f3f3;font-family:"Roboto",sans-serif}.container{width:80%;max-width:800px;margin:0 auto}.navbar{display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.link-style{padding:10px;margin-right:20px;cursor:pointer;text-decoration:none}.link-style:visited{color:#fff}.link-style:hover{color:#ffeb3b;color:var(--color-secondary)}.nav-logo{display:flex;justify-content:space-between;align-items:center;background-color:#0277bd;background-color:var(--color-primary);color:#fff}.nav-logo-img{height:100px;display:block;padding:15px}.poke .loading{width:150px;margin-top:3rem}.pokemon-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.2rem;gap:.2rem}.pokemon-img{width:140px;width:var(--img-size);height:140px;height:var(--img-size);padding:.2rem;border:1px solid #000;border-top-left-radius:.4rem;border-top-right-radius:.4rem;cursor:pointer;background-color:#fff;overflow:hidden;margin:0 auto;display:block;transition:all .2s ease-in-out}.pokemon-img:hover{transform:scale(1.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.2)}.pokemon-name{padding:.4rem;text-align:center;border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;background-color:#333;color:#f3f3f3;margin:0 auto;width:140px;width:var(--img-size)}.pagination{justify-content:space-evenly}.form-group,.pagination{display:flex;align-items:center}.form-group{justify-content:center}.search-text{flex:1 1;padding:.4rem;margin:0 .4rem}.pokemon-detail{padding:20px;display:flex;justify-content:space-evenly;align-items:center;margin-top:20px}.pokemon-detail-left{display:block;width:400px;height:400px;object-fit:contain;padding:20px;border:5px solid rgba(0,0,0,.6);border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.2)}.pokemon-detail-right{padding:15px;font-weight:700;font-size:large}.pokemon-detail-right-top{font-size:larger}.pokemon-detail-sprites{display:grid;grid-template-columns:repeat(6,1fr)}.pokemon-detail-sprites>img{display:block;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.2);border-radius:5px;margin:10px auto}.back-btn{display:block;margin:15px auto;font-family:"Roboto",sans-serif;padding:.6rem;border:none;color:#fff;background-color:#0277bd;background-color:var(--color-primary);border-radius:.2rem;font-weight:700;width:120px;box-shadow:2px 2px 3px 0 rgba(0,0,0,.2);cursor:pointer}.back-btn:hover{color:#ffeb3b;color:var(--color-secondary)}.text-center{text-align:center}.btn-primary{font-family:"Roboto",sans-serif;padding:.6rem;border:none;color:#fff;background-color:#0277bd;background-color:var(--color-primary);border-radius:.2rem;font-weight:700;margin:.4rem;width:120px;cursor:pointer;box-shadow:2px 2px 3px 0 rgba(0,0,0,.2)}.btn-primary:hover{background-color:#004c8c;background-color:var(--color-primary-dark);color:#ffeb3b;color:var(--color-secondary)}@media (max-width:1080px){.container{width:95%}.pokemon-grid{grid-template-columns:repeat(4,1fr)}.nav-logo-img{height:60px;padding:5px}.pokemon-detail-left{width:350px;height:350px}.pokemon-detail-sprites{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.container{width:100%}.pokemon-grid{grid-template-columns:repeat(3,1fr)}.pokemon-img{width:100px;height:100px}.pokemon-name{width:100px}.pokemon-detail-left{width:150px;height:150px}.pokemon-detail-sprites{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=main.5e8f95ca.chunk.css.map */