@font-face {font-family: Poppins;src: url(fonts/Poppins-Regular.ttf) }* {box-sizing: border-box;padding: 0;margin: 0 }body {overflow-x: hidden }.hero {min-height: 100vh;width: 100vw;background-image: url(kepek/hero.jpg);background-repeat: no-repeat;background-size: cover;background-position: center }.hero h1 {text-align: center;color: #fff;font-size: 4rem;padding-top: 45vh;font-family: Poppins }.section-background {background-color: #eefdf6 }.section {display: grid;max-width: 1088px;margin: auto;grid-template-columns: repeat(2, 1fr);gap: 42px;min-height: 100vh;justify-items: center;align-items: center;padding: 16px;}.section img {width: 100%;border-radius: 12px }.section .description {display: grid;gap: 8px;font-family: Poppins }.section h2 {font-size: 36px;font-weight: 700 }.reverse {background-color: #2f3e46 !important;color: #fff }.galery {overflow: hidden;display: grid;grid-template-areas: 'kep1 kep1 kep2 kep3' 'kep1 kep1 kep4 kep5';gap: 24px;padding: 42px;}.galery img {width: 100%;height: 100%;object-fit: cover;border-radius: 12px }.kep1 {grid-area: kep1 }.kep2 {grid-area: kep2 }.kep3 {grid-area: kep3 }.kep4 {grid-area: kep4 }.kep5 {grid-area: kep5 }@media screen and (max-width: 1024px) {.section{grid-template-columns: 1fr;}.section img, .galery{display: none;}.reverse{background-image: url('kepek/section-2.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;}}