*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif;background-color:#006634}a{text-decoration:none}.container{max-width:1100px;margin:auto;padding:0 20px}.cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1rem;gap:1rem;list-style:none}@media (max-width:800px){.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.cards{grid-template-columns:1fr}}.card{cursor:pointer;background-color:transparent;height:300px;-webkit-perspective:1000px;perspective:1000px}.card h1{font-size:25px;border-bottom:solid 1px#fff;padding-bottom:10px;margin-bottom:10px}.card img{width:100%;height:300px;object-fit:cover}.card-inner{position:relative;width:100%;height:100%;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card:hover .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card-back{background-color:#333;color:#fff;padding:1.5rem;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card li{list-style:none;padding-bottom:10px}.btn{width:auto;height:2rem;border:2px solid #fff;border-radius:1rem;padding:.4rem;margin-top:.25rem}.btn:hover{cursor:pointer}.pagination-container{display:flex;align-items:center;justify-content:center;list-style-type:none}.pagination-container .pagination-item{padding:0 12px;height:3rem;text-align:center;margin:auto 4px;color:#fff;display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:13px;min-width:32px}.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}.pagination-container .pagination-item.selected{background-color:rgba(0,0,0,.08)}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid #fff;border-top:.12em solid #fff}.pagination-container .pagination-item .arrow.left{-webkit-transform:rotate(-135deg) translate(-50%);transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}header{height:200px}header img{width:200px}.center{display:flex;align-items:center;justify-content:center}.character-detail{width:100%;height:auto;background-color:#0d2211;display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem}.img-section{width:100%;height:90%}.img-section img{width:100%;height:100%;margin:1rem}.info-section ul{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;margin:.5rem;list-style:none}.info-section li{margin:1rem}.btn-back{width:5rem;height:3rem;border:2px solid #fff;border-radius:10px;padding:1rem;margin-top:.25rem}.btn-back:hover{cursor:pointer}
/*# sourceMappingURL=main.545c4543.chunk.css.map */