@import "https://fonts.googleapis.com/css?family=Roboto:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic";*{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0;font-family:Roboto}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 15px}body{background:linear-gradient(90deg,#eb37af,#8b43ea)}.intro__box{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px 0;display:flex}.intro__box .intro__title{color:#fff;font-size:50px}.intro__box .intro__text{color:#fff;font-size:20px}.main__box{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.main__box .category__card .card__btn{background-color:gold;border:3px solid #000;border-radius:25px;flex-direction:column;justify-content:start;align-items:center;width:400px;height:350px;transition:all .4s;display:flex}.main__box .category__card .card__btn:active{transform:scale(.9)}.main__box .category__card .card__btn .card__imgBox{background-color:#fff;border-bottom:3px solid #000;border-radius:20px;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.main__box .category__card .card__btn .card__imgBox .card__img{width:200px;height:200px}.main__box .category__card .card__btn .category__title{color:#fff;margin:auto;font-size:30px;font-weight:800}.main__box .category__card .card__service{background-color:#000000c0;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;padding:15px 10px;transition:all 2s;animation:1.5s blur;display:flex;position:fixed;top:0;left:0;overflow-y:scroll}@keyframes blur{0%{background-color:#0000}to{background-color:#000000c0}}.main__box .category__card .card__service .service__category{color:#fff;background-color:gold;border:2px solid #000;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px;padding:10px 20px;font-size:50px;font-weight:800;animation:.6s scaleTitle;display:flex}@keyframes scaleTitle{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.main__box .category__card .card__service .service__box{flex-wrap:wrap;justify-content:center;align-items:start;gap:40px;display:flex}.main__box .category__card .card__service .service__box .service__item{color:#fff;background-color:gold;border:2px solid #000;border-radius:20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;max-width:max-content;max-height:max-content;padding:10px;animation:.6s scaleCard;display:flex}@keyframes scaleCard{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.main__box .category__card .card__service .service__box .service__item .service__title{flex-direction:column;align-self:center;align-items:center;max-width:500px;font-size:30px;font-weight:800;display:flex}.main__box .category__card .card__service .service__box .service__item .service__price,.main__box .category__card .card__service .service__box .service__item .service__timeComplete{font-size:25px;font-weight:700}.main__box .category__card .card__service .service__box .service__item .service__price{justify-content:center;align-items:center;gap:3px;display:flex}.main__box .category__card .card__service .service__box .service__item .service__price--moneyImg{width:30px;height:30px}@media (max-width:425px){.intro__box .intro__title{font-size:35px}.intro__box .intro__text{font-size:16px}.main__box .category__card .card__btn{width:325px;height:275px}.main__box .category__card .card__btn .card__imgBox{padding:6px}.main__box .category__card .card__btn .card__imgBox .card__img{width:150px;height:150px}.main__box .category__card .card__btn .category__title{font-size:20px}.main__box .category__card .card__service .service__category,.main__box .category__card .card__service .service__box .service__item .service__title{font-size:23px}.main__box .category__card .card__service .service__box .service__item .service__price,.main__box .category__card .card__service .service__box .service__item .service__timeComplete{font-size:20px;font-weight:700}}
