*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;color:#242424}.home-container header{display:flex;align-items:center;gap:20px;padding:20px}.home-container header .brand{background-image:url(/assets/channels4_profile-dbccdfb7.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;height:80px;width:80px;border-radius:50%}.home-container header h1{font-size:15pt;color:#fb5c3c}.home-container main{display:flex;flex-direction:column;gap:30px}.home-container main .main-a{display:flex;align-items:center;justify-content:center;flex-direction:column;max-width:600px;margin:0 auto;gap:20px}.home-container main .main-a h1{font-size:35pt;text-align:center}.home-container main .main-a p{text-align:center;font-size:10pt;color:#c7c7c7}.home-container main .main-a h4 a{color:#fb5c3c}.home-container main .main-title{display:none}.home-container main .main-b{max-width:900px;margin:0 auto;width:100%}.home-container main .main-b .card{display:flex;flex-direction:column;gap:20px;border-radius:8px;width:25%;padding:15px;background-color:#242424;color:#fff}.home-container main .main-b .card .card-image{display:flex;align-items:center;justify-content:center}.home-container main .main-b .card .card-image .image{background-position:center;background-size:cover;background-repeat:no-repeat;height:100px;width:100px;border-radius:50%;border:1px solid #c7c7c7}.home-container main .main-b .card .card-detail{display:flex;align-items:center;justify-content:center;flex-direction:column}.home-container main .main-b .card .card-detail h1{font-size:13pt}.home-container main .main-b .card .card-detail p{font-size:10pt;color:#c7c7c7}.home-container main .main-b .card .card-extra{display:flex;align-items:center;justify-content:space-between}.home-container main .main-b .card .card-extra p{font-size:10pt;color:#c7c7c7}.home-container main .main-b .card .card-extra h3{font-size:10pt}.home-container main .main-b .card .check-btn{padding:5px 10px;background-color:#fb5c3c;text-decoration:none;color:#fff;font-size:10pt;border-radius:5px;border-style:none;cursor:pointer}.single-food-container .banner{padding:20px 50px;height:20vh;background-color:#fb5c3c;color:#fff;display:flex;align-items:center}.single-food-container .content{max-width:900px;margin:0 auto;padding:10px}.single-food-container .content h1{font-size:20pt}@media screen and (max-width: 767px){.home-container header{margin-bottom:20px}.home-container header .brand{height:50px;width:50px}.home-container header h1{font-size:10pt}.home-container main{gap:50px}.home-container main .main-a{max-width:300px}.home-container main .main-a h1{font-size:17.5pt}.home-container main .main-a p{font-size:8pt}.home-container main .main-a h4{font-size:8pt}.home-container main .main-title{display:block;max-width:300px;margin:0 auto;width:100%}.home-container main .main-title h1{font-size:12pt}.home-container main .main-b{padding:20px;width:100%;max-width:300px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.home-container main .main-b .card{width:80%}.home-container main .main-b .card .card-image .image{height:50px;width:50px}.home-container main .main-b .card .card-detail h1{font-size:10pt}.home-container main .main-b .card .card-detail p{font-size:8pt}.home-container main .main-b .card .card-extra h3{font-size:8pt}.home-container main .main-b .card .card-extra p{font-size:8pt}.single-food-container .banner h1,.single-food-container .content h1{font-size:15pt}}