@font-face{font-family:"Sauce Tomato";src:url(./assets/fonts/SauceTomato.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Mochiy Pop One";src:url(./assets/fonts/MochiyPopPOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}a,a:visited{text-decoration:none;color:inherit}img{max-width:100%;height:auto}:root{--main-color:#ed1c24;--main-font:"Sauce Tomato", sans-serif;--secondary-font:"Mochiy Pop One", sans-serif}body{font-family:var(--secondary-font);background-color:#fff}.container{display:grid;grid-template-columns:repeat(12,1fr);max-width:1440px;margin:0 auto;padding:20px 35px}.left{grid-column:1 / 8;padding:20px}.logo{width:150px;height:auto;display:block;margin-bottom:20px}.left h1{font-family:var(--main-font);font-size:2.5rem}.left_content>p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;font-family:var(--secondary-font);color:hsl(from var(--main-color) h s calc(l - 40))}.buttons{display:flex;align-items:center;gap:10px}.button{display:flex;align-items:center;justify-content:center;border:1px solid #000;border-radius:50px;gap:10px;height:60px;width:100%;max-width:250px;margin-bottom:20px;transition:all 0.15s ease}.button:active{transform:scale(.95);box-shadow:0 2px 4px rgb(0 0 0 / .2)}.qrs{display:flex;align-items:center;gap:10px}.qr{display:flex;flex-direction:column;align-items:center;justify-content:center;width:250px;height:200px;border:1px solid #000;border-radius:30px;overflow:hidden;padding:50px}.qr_img{width:200px;height:200px}.qr p{font-size:16px;text-align:center;margin-top:5px;font-family:var(--secondary-font)}.right{grid-column:8 / 13;padding:20px;display:flex;align-items:flex-end}.images_container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.images_container img{width:100%;height:200px;border-radius:20px;object-fit:cover;box-shadow:0 4px 8px rgb(0 0 0 / .1);border:5px solid hsl(from var(--main-color) h s calc(l + 15))}.images_container .image1{grid-column:1 / 4}.images_container .image2{grid-column:4 / 6}.images_container .image3{grid-column:1 / 6}.images_container_mobile{display:none}@media (max-width:768px){.images_container_mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}}.images_container_mobile img{width:100%;height:200px;border-radius:20px;object-fit:cover;box-shadow:0 4px 8px rgb(0 0 0 / .1);border:5px solid hsl(from var(--main-color) h s calc(l + 15))}.images_container_mobile .image1{grid-column:1 / 4}.images_container_mobile .image2{grid-column:4 / 6}.images_container_mobile .image3{grid-column:1 / 6}@media screen and (max-width:768px){.container{grid-template-columns:1fr;padding:10px}.left{grid-column:1 / -1;text-align:center}.logo{margin:0 auto 20px}.right{grid-column:1 / -1;justify-content:center}.images_container{display:none}.images_container_mobile{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20PX}.images_container_mobile img{width:100%;height:200px;border-radius:20px;object-fit:cover;box-shadow:0 4px 8px rgb(0 0 0 / .1);border:5px solid hsl(from var(--main-color) h s calc(l + 15))}.images_container_mobile .image1{grid-column:1 / 2}.images_container_mobile .image2{grid-column:2 / 3}.images_container_mobile .image3{grid-column:3 / 4}.buttons,.qrs{justify-content:center}}@media screen and (max-width:576px){.left h1{font-size:1.8rem}.images_container_mobile{grid-template-columns:1fr 1fr}.images_container_mobile img{width:100%;height:150px;border-radius:20px;object-fit:cover;box-shadow:0 4px 8px rgb(0 0 0 / .1);border:5px solid hsl(from var(--main-color) h s calc(l + 15))}.images_container_mobile .image1{grid-column:1 / 2}.images_container_mobile .image2{grid-column:2 / 3}.images_container_mobile .image3{grid-column:1 / 3}.buttons,.qrs{flex-direction:column}.button{width:100%;max-width:none;margin-bottom:10px}.qr{width:100%;max-width:initial;margin-bottom:10px;height:auto}}