.allBg{background-color:#2c2928;color:#fff;font-family:Arial,Helvetica,sans-serif;padding-top:50px}.wrap{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.item{background-color:#fff;border-radius:10px;padding:8px;width:20%}.CardImg{width:100%}.CardName{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:18px;padding-top:5px;text-align:center}.detail-wrap{display:flex;gap:15px;justify-content:center}.detail-word{font-family:Arial,Helvetica,sans-serif;font-size:18px;padding-top:15px;text-align:left}.detail-item .detail-CardImg{background-color:#fff;border-radius:10px;padding:15px;width:90%}.detail-item{border-radius:10px;padding:8px;width:20%}.card-container{position:relative}@-webkit-keyframes example1{0%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes example1{0%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}to{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@-webkit-keyframes example2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}@keyframes example2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}}.back,.cover{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:100%}.cover{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:example1;animation-name:example1;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.back,.cover{-webkit-animation-duration:2s;animation-duration:2s}.back{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:example2;animation-name:example2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.nav{align-items:stretch;background-color:#333;color:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;gap:2rem;justify-content:space-between;padding:0 1rem}.site-title{font-size:2rem}.nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav a{align-items:center;color:inherit;display:flex;height:100%;padding:.25rem;text-decoration:none}.nav li.active{background-color:#555}.nav li:hover{background-color:#777}
/*# sourceMappingURL=main.cc8009da.css.map*/