@import url(https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,100..900&family=Bowlby+One&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap);*{color:#333;margin:0;padding:0;ul li{list-style:none}a{color:#333;text-decoration:none}}.container{background-color:#333;h1{color:#fff;font-family:Bowlby One,sans-serif;font-size:50px;letter-spacing:1px;padding:20px 0;text-align:center}.wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:30px}@media screen and (max-width:750px){h1{font-size:30px;word-break:keep-all}.wrap,h1{padding:15px}.wrap{gap:10px}}}.box{background-color:#e74c3c;height:100vh;position:relative;transition:all .2s ease;width:100%;.loader{animation:loader1 3s linear infinite;border:3px solid #ffffffb3;border-radius:80px;height:80px;left:35%;left:calc(50% - 43px);position:relative;top:28%;top:calc(50% - 43px);transform-origin:50% 50%;width:80px;&:after{background-color:#fff;border-radius:10px;content:"";height:11px;left:20px;position:absolute;top:-5px;width:11px}}}@keyframes loader1{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.card{background-color:#e74c3c;p{font-family:Bowlby One,sans-serif;font-size:30px;position:relative;&:after,&:before{border:0 solid #fff;bottom:8px;content:"";height:0;position:absolute;right:10px;transition:all .3s ease-in-out;width:0}&:hover{&:before{border-width:1px;width:calc(100% - 22px)}&:after{border-width:1px;height:calc(100% - 18px)}}a{color:#fff;display:block;padding:20px;position:relative;&:after,&:before{border:0 solid #fff;content:"";height:0;left:10px;position:absolute;top:8px;transition:all .3s ease-in-out;width:0}&:hover{&:before{border-width:1px;width:calc(100% - 21px)}&:after{border-width:1px;height:calc(100% - 18px)}}}}@media screen and (max-width:750px){width:100%;p{font-size:24px;text-align:center;word-break:keep-all;a{padding:10px}}}}.detail{>div{background-color:#333;box-sizing:border-box;min-height:100vh;padding:30px;dl{display:flex;gap:50px;justify-content:center;dt{flex-shrink:0;overflow:hidden;padding-top:15px;width:40%;img{display:block;width:100%}.btn{align-items:center;background-color:#e74c3c;border-radius:5px;display:flex;height:50px;justify-content:center;margin-top:30px;width:100%}.btn,h2{color:#fff;font-family:Bowlby One,sans-serif}h2{font-size:36px;letter-spacing:1px}}dd{p{color:#fff;font-size:24px;font-style:italic;font-weight:700;margin:20px 0}ul{li{color:#fff}}}}@media screen and (max-width:750px){padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;dl{flex-direction:column;gap:20px;padding-bottom:100px;position:relative;dt{width:100%;.btn{bottom:0;left:0;position:absolute}}dd{h2{font-size:24px}p{font-size:18px}}}}}}
/*# sourceMappingURL=main.27006b66.css.map*/