body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.html,body{background:#000 url(/static/media/bg.085908ea8f76e1ae1806.jpg) no-repeat 50%/cover;color:#fff;font-family:Arial,Helvetica,sans-serif;height:100vh}.header{display:flex;margin-bottom:4rem}.char_cards,.header{align-items:center;justify-content:center}.char_cards{grid-gap:2rem;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;margin:2rem 25rem;padding:0 2rem}.char_card{background:linear-gradient(180deg,#112d17,#000);border-radius:1rem;padding:1rem;transition:all .3s linear}.char_card:hover{box-shadow:1px 1px 10px 7px #112d17}.char_img{height:400px;width:300px}.char_name{margin-top:1rem;text-align:center}.pageButton{background-color:#e3e7e4!important;color:#112d17}.activeButton{background-color:#112d17!important;color:#e3e7e4!important}.char_detail_main{display:grid;justify-content:center;min-height:100vh;padding:2rem;place-items:center}.char_title{color:#ffedb3;font-size:2rem;margin:1.5rem auto}.char_detail{align-items:center;color:#ffedb3;display:flex;gap:1rem;justify-content:center;width:70vw}.char_detail_img{text-align:center}.detail_img{border-radius:6px;max-width:50%;object-fit:contain}.char_info{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 1rem 1.5rem;width:50%}.char_info h3{margin-top:1rem}.char_info h3>span{font-weight:300}.underline{border:1px solid #ffedb3;border-radius:3px;margin:2rem auto;width:40%}.btn-back,.underline{background-color:#ffedb3}.btn-back{border:none;border-radius:6px;color:#111;cursor:pointer;font-size:1rem;margin:.5rem;padding:.75rem 1rem;transition:all .3s ease}.btn-back:hover{background-color:#fadc7b}@media screen and (max-width:1440px){.char_cards{margin:2rem 10rem}.char_img{height:300px;width:200px}}@media screen and (max-width:1024px){.char_cards{margin:2rem 15rem}.char_img{height:250px;width:150px}}@media screen and (max-width:900px){.char_cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.char_cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:450px){.char_cards{grid-template-columns:repeat(1,100%);margin:2rem 0;padding:0}.char_img{height:400px;width:300px}}.sweetPagination,.sweetPagination .paginationUL{display:flex;justify-content:center}.sweetPagination .paginationUL{margin:0;padding:0}.sweetPagination .paginationUL .pageItem{list-style:none}.sweetPagination .paginationUL .pageItem .pageButton{background-color:#ddd;border-radius:5rem;cursor:pointer;font-size:16px;font-weight:600;height:40px;margin:5px;width:40px}.sweetPagination .paginationUL .pageItem .pageButton:hover{fill:#f1f2f6;background-color:#fd7238;color:#f1f2f6}.sweetPagination .paginationUL .pageItem .activeButton{background-color:#fd7238;color:#f1f2f6}.navigationIcon{width:12px}.dottedIcon{width:20px}.sweetPagination .pageItem .commonButtonStyle{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;outline:none}.style-1 .paginationUL .pageItem .pageButton{background-color:initial;border-radius:100%;height:40px;line-height:30px;margin-left:5px;padding:0;width:40px}.style-1 .paginationUL .pageItem .pageButton:hover{fill:#f1f2f6;background-color:#4dad16;color:#f1f2f6}.style-1 .paginationUL .pageItem .activeButton{background-color:#4dad16;color:#f1f2f6}.style-2 .paginationUL .pageItem .pageButton{fill:#4285f4;background:#fff;border:1px solid #ddd;border-radius:0;color:#4285f4;font-size:14px;height:40px;line-height:1.5;margin:5px -1px -1px;width:40px}.style-2 .paginationUL .pageItem .activeButton{background-color:#4285f4;color:#eee}.style-2 .paginationUL .pageItem .pageButton:hover{fill:#4285f4;background-color:#eee;color:#4285f4}.style-2 .paginationUL .pageItem .leftNavigation{border-radius:6px 0 0 6px}.style-2 .paginationUL .pageItem .rightNavigation{border-radius:0 6px 6px 0}@media only screen and (max-width:576px){.sweetPagination .paginationUL .pageItem .pageButton{height:25px;margin:3px;width:25px}.style-2 .paginationUL .pageItem .pageButton{margin:5px -1px -1px}}
/*# sourceMappingURL=main.89080046.css.map*/