@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@200&family=Marck+Script&family=Poppins&display=swap);*{font-family:Poppins;margin:0;padding:0}body{background-color:#000}.nav{margin-top:30px;text-align:center}.btn{margin-top:10px;padding:5px}.title{color:#fff;display:block;font-size:20px;margin-bottom:5px;margin-top:60px;text-align:center}.card>div>img{border-radius:20px;max-height:300px;max-width:200px}.front{margin:1.3em}.card-grid{grid-gap:-2em;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px;padding:3.2em}.card .front{position:absolute;-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition:all .4s ease-in}.flipped .front{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition-delay:.4s}.card .back{transition:all .4s ease-in;transition-delay:.4s}.flipped .back{-webkit-transform:rotateY(90deg);transform:rotateY(90deg);transition-delay:0s}button{display:block}.nav{justify-content:space-between;margin:10px;padding:10px}.nav,ul{display:flex}ul{list-style:none;margin-top:20px}a,li{color:#fff;font-size:20px;margin-right:20px;text-decoration:none;transition:.5s}.turns{color:#fff;margin-bottom:6px;margin-top:auto}
/*# sourceMappingURL=main.7ea91185.css.map*/