@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,300;0,400;0,700;1,500&display=swap);body{font-family:Kanit,sans-serif;font-weight:300}.template-body{min-height:100vh;max-width:450px;margin:auto;padding:0}a{text-decoration:none}.container{height:850px}@media only screen and (min-width:500px){.container{height:980px}}body{background:#ab2b32;background:linear-gradient(180deg,#ab2b32 28%,#d32512 65%,#ff7272)}.card-design .card-main{width:100%;position:relative;background:linear-gradient(273deg,#fff,#a3a4a4 49%,#f1f2f2);padding:10px;border-radius:30px 30px 0 0;height:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.card-design .card-main-sub{border-radius:30px 30px 0 0;background:#efd9ca;padding:1rem;height:100%}.card-design .logo-nav{width:173px;position:absolute;top:30px;left:50%;transform:translate(-50%,-50%)}.card-design .tarot-cards{width:50px}.card-design .img-hr{width:200px}.card-design .text-title{color:#9c5300;font-weight:700}.card-design .text-title-sub{color:#2d2926;font-weight:700}.card-design .content{height:100%;padding-bottom:5rem}.carousel-control-next{background:#a81e08;background:linear-gradient(273deg,#a81e08,#d32512 49%,#a81e08);box-shadow:0 5px 15px #a81e08;opacity:1;width:unset;bottom:10%;left:50%;transform:translate(-50%,-50%);top:unset;padding:.375rem .75rem;border-width:1px}.carousel-control-next-icon{width:1.5rem;height:1.5rem}.fix-btn-bottom{bottom:10%;left:50%;transform:translate(-50%,-50%);position:absolute}.btn-danger{background:#a81e08;background:linear-gradient(273deg,#a81e08,#d32512 49%,#a81e08);box-shadow:0 5px 15px #a81e08}.fs-7{font-size:14px}.card-question{display:flex;flex-direction:column;gap:15px}.card-question label{cursor:pointer;display:flex;width:100%;text-align:start;position:relative}.card-question .label{background:#fff;padding:16px;border-radius:8px;align-items:center}.card-question .label:before{display:block;content:"";width:20px;height:20px;background:#2d2926;border:3px solid #2d2926;border-radius:50%;position:absolute}.card-question .label span{padding-left:30px}.card-question input[type=radio]{opacity:0;position:absolute;width:100%;height:100%;z-index:20}.card-question input[type=radio]:checked+.label{background:#a81e08;background:linear-gradient(273deg,#a81e08,#d32512 49%,#a81e08);color:#fff}.card-question input[type=radio]:checked+.label:before{background:transparent;border:3px solid #fff}.main .card-main-heard{background:#fff;background:linear-gradient(273deg,#fff,#a3a4a4 49%,#f1f2f2);border-radius:100% 100% 0 0;position:relative;height:350px;width:100%;padding:10px 10px 0 10px}.main .card-main-heard-border{border-radius:100% 100% 0 0;background:#efd9ca;padding:1rem;height:100%}.main .card-main{width:100%;position:relative;background:linear-gradient(273deg,#fff,#a3a4a4 49%,#f1f2f2);padding:0 10px 10px 10px;border-radius:0;height:calc(95% - 350px)}.main .card-main-sub{border-radius:0;background:#efd9ca;padding:1rem 1rem 2rem 1rem;height:100%;display:flex;align-items:flex-end;justify-content:center}.main .logo{width:330px}@media only screen and (max-width:500px){.main .logo{width:230px}}.main .box{position:absolute;top:-90px;left:50%;transform:translate(-50%);width:90%}@media only screen and (max-width:500px){.main .box{top:-195px}}.main .card{background-position:50%;background-repeat:no-repeat;background-size:100%;height:276px;background-color:transparent;border:0;display:flex;justify-content:center;padding:0 30px;font-size:18px;font-weight:700;color:#000}.main .card.red{background-image:url(/img/card-red.e0e6226f.png)}.main .card.green{background-image:url(/img/card-green.e55f8ce5.png)}.main .card.blue{background-image:url(/img/card-blue.b4957264.png)}.main .card.yellow{background-image:url(/img/card-yellow.30582db7.png)}@media only screen and (max-width:500px){.main .card{font-size:15px;padding:0 25px}}.main .img-btn{position:absolute;top:228px;left:50%;transform:translate(-50%);width:60px}@media only screen and (max-width:500px){.main .img-btn{top:210px;width:60px}}.history{background-image:url(/img/bg-game.62f71abe.png);background-size:cover;height:100vh}.history,.history .box-title{background-position:50%;background-repeat:no-repeat}.history .box-title{background-image:url(/img/img-title.30fd497e.png);background-size:80%;height:15vh;width:100%;display:flex;align-items:center;justify-content:center}.history .box-title .text{font-size:4rem;font-weight:700;margin-left:20px;color:#fff;margin-bottom:0}@media only screen and (max-width:500px){.history .box-title{height:10vh;background-size:65%}.history .box-title .text{font-size:2rem}}.history .history-list{position:relative;height:65vh;width:100%;padding:2rem}@media only screen and (max-width:375px){.history .history-list{height:90vh}}.history .history-list .bg-card{width:95%;height:100%;position:absolute;left:0;top:0;left:50%;transform:translate(-50%);z-index:0}.history h2{top:50px}.history .head-table,.history h2{position:absolute;left:50%;transform:translate(-50%);z-index:1}.history .head-table{width:85%;top:96px;background:#a81e08;background:linear-gradient(273deg,#a81e08,#d32512 49%,#a81e08);box-shadow:0 5px 15px #a81e08;border-radius:8px;padding:.5rem;color:#fff;font-weight:700}.history .table-responsive{position:absolute;width:86%;top:140px;left:50%;transform:translate(-50%);height:283px;overflow-y:auto}@media only screen and (max-width:320px){.history .table-responsive{height:235px}}.history .table-responsive .table{color:#fff;max-height:400px;overflow-y:auto}.history .table-responsive .table>:not(caption)>*>*{padding:.3rem}.history .btn-play{cursor:pointer;width:150px;bottom:-6%;left:50%;transform:translate(-50%,-50%);position:absolute}@media only screen and (max-width:375px){.history .btn-play{width:122px}}