.cover{width:100vw;height:100vh;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}.cover .shadow{height:100vw;width:100vh}.cover .shadow .a{position:absolute;top:20px;left:0;width:200px;height:auto;object-fit:contain;object-position:top;opacity:.8}.cover .shadow .shadow-top{width:100%;height:30%;background:linear-gradient(180deg,#f9fafb,#fff0);position:absolute;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#030717;line-height:30px}.cover .shadow .shadow-top h2{font-family:Lobster Two,serif;font-weight:300;font-size:2em;margin-bottom:10px}.cover .shadow .shadow-top h1{font-weight:600;align-items:center;font-size:2.5em}.cover .shadow .shadow-top p{font-weight:300;font-size:1em}.cover .shadow .shadow-down{padding-top:50vh;width:100%;height:80%;background:linear-gradient(180deg,#f9fafb00,#f9fafb);position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;color:#030717}.cover .shadow .shadow-down .b{position:absolute;bottom:20px;right:0;width:200px;opacity:.4;height:auto;object-fit:contain;object-position:top}.cover .shadow .shadow-down .namaTamu{z-index:99}.cover .shadow .shadow-down .namaTamu h4{font-family:Sofia,serif;font-weight:400;font-size:1em}.cover .shadow .shadow-down .namaTamu h3{font-family:Poppins,serif;font-weight:300;font-size:1.1em}.cover .shadow .shadow-down p{font-family:Titillium Web,sans-serif;font-weight:200;font-size:11px;z-index:2;padding-top:20px}.intro{width:100vw;height:100vh;position:relative;box-sizing:border-box;overflow-x:hidden;scroll-snap-type:y mandatory;color:#030717}.intro img{position:relative;width:100%;height:70vh;object-fit:cover;object-position:center}@media (min-width: 1024px){.intro img{height:100vh;width:50%;margin:0 25%}}.intro .textIntro{color:#f9fafb;width:100%;height:70%;background:linear-gradient(to bottom,#030717,#030717,transparent,transparent,transparent,#f9fafb,#f9fafb);position:absolute;top:0;left:0;z-index:1;display:flex;padding-top:10%;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .textIntro{height:85%;padding-top:2%}}.intro .textIntro h2{font-family:Lobster Two,serif;font-weight:700;font-size:30px}@media (min-width: 1024px){.intro .textIntro h2{font-size:28px}}.intro .textIntro h1{font-family:DM sans,serif;font-weight:900;font-size:40px}@media (min-width: 1024px){.intro .textIntro h1{font-size:36px;margin:20px 0}}.intro .textIntro p{font-family:DM sans,serif;font-weight:400;font-size:20px}@media (min-width: 1024px){.intro .textIntro p{font-size:18px}}.intro .surah{background:#f9fafb;z-index:2;position:relative;margin-top:-30%;padding:25px 25px 20%;display:flex;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .surah{margin-top:-10%;padding:50px 50px 10%;max-width:80%;margin-left:auto;margin-right:auto;border-radius:20px}}.intro .surah .arab{font-size:24px}@media (min-width: 1024px){.intro .surah .arab{font-size:24px;max-width:80%;margin:0 auto}}.intro .surah .arti{padding-top:20px;font-size:14px}@media (min-width: 1024px){.intro .surah .arti{font-size:14px;max-width:70%;margin:0 auto;line-height:1.6}}.intro .surah span{font-size:16px;font-weight:700;padding-top:10px}@media (min-width: 1024px){.intro .surah span{font-size:20px;margin-top:20px}}.intro .surah .a{position:absolute;bottom:350px;left:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .a{width:300px;bottom:400px;left:-200px}}.intro .surah .b{position:absolute;bottom:350px;right:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .b{width:300px;bottom:400px;right:-200px}}.person1{height:100vh;width:100%;background-color:#f9fafb;font-family:Titillium Web,serif;color:#030717}@media (min-width: 1024px){.person1{padding:0 5%;display:flex;flex-direction:column;justify-content:center}}.person1 .judul-mempelai h1{font-size:3em;font-family:Tangerine,cursive;font-weight:700;color:#030717;text-align:center;padding:30px 0}@media (min-width: 1024px){.person1 .judul-mempelai h1{font-size:4.5em;padding:20px 0}}.person1 .foto-mempelai{width:100%;height:40%;display:grid;padding:0 15px}@media (min-width: 1024px){.person1 .foto-mempelai{height:50%;width:50%;padding:0 10%;gap:30px;position:absolute;left:50%;top:30%}}@media (max-width: 376px){.person1 .foto-mempelai{height:30%}}.person1 .foto-mempelai.left{grid-template-columns:5fr 3fr}@media (min-width: 1024px){.person1 .foto-mempelai.left{grid-template-columns:3fr 2fr}}.person1 .foto-mempelai.left .box-foto-mempelai{order:1}@media (max-width: 376px){.person1 .foto-mempelai.left .box-foto-mempelai{order:2;height:65%}}.person1 .foto-mempelai.left .batik{order:2}@media (max-width: 376px){.person1 .foto-mempelai.left .batik{height:65%}}.person1 .foto-mempelai.right{grid-template-columns:3fr 5fr}@media (min-width: 1024px){.person1 .foto-mempelai.right{grid-template-columns:2fr 3fr}}.person1 .foto-mempelai.right .box-foto-mempelai{order:2}@media (max-width: 376px){.person1 .foto-mempelai.right .box-foto-mempelai{height:65%}}.person1 .foto-mempelai.right .batik{order:1}.person1 .foto-mempelai.right .batik img{transform:scaleX(-1)}@media (max-width: 376px){.person1 .foto-mempelai.right .batik{height:65%}}.person1 .foto-mempelai .box-foto-mempelai{margin:10px;border:5px solid #99A1AF;border-radius:100px 100px 10px 10px}.person1 .foto-mempelai .box-foto-mempelai.right{border-radius:100px 100px 10px 10px}.person1 .foto-mempelai .box-foto-mempelai.right img{border-radius:90px 90px 5px 5px}@media (min-width: 1024px){.person1 .foto-mempelai .box-foto-mempelai{margin:0;border-width:8px;border-radius:100px 100px 10px 10px}}.person1 .foto-mempelai .box-foto-mempelai img{width:100%;height:100%;object-fit:cover;border-radius:90px 90px 5px 5px}@media (min-width: 1024px){.person1 .foto-mempelai .box-foto-mempelai img{border-radius:90px 90px 5px 5px}}.person1 .foto-mempelai .batik{width:100%;padding:20px 20px 20px 0}@media (min-width: 1024px){.person1 .foto-mempelai .batik{padding:0}}.person1 .foto-mempelai .batik img{object-fit:contain;width:100%;height:100%}.person1 .nama{padding:1em 0}@media (min-width: 1024px){.person1 .nama{padding:2em 10%;width:70%}}.person1 .nama.right .ig{margin-left:10%}@media (min-width: 1024px){.person1 .nama.right .ig{margin-left:15%}}.person1 .nama h2{min-height:80px;padding:10px;background-color:#030717;color:#fafafa;font-size:1.8em;font-family:Sofia,cursive;text-align:center}@media (min-width: 1024px){.person1 .nama h2{font-size:2.5em;min-height:100px;padding:20px;border-radius:15px}}.person1 .nama .ig{position:relative;margin-left:50%;padding:5px 20px;border-radius:20px;border:none;font-size:1.2em;margin-top:-30px;background-color:#99a1af;color:#030717}@media (min-width: 1024px){.person1 .nama .ig{font-size:1.4em;padding:8px 30px;margin-top:-40px;cursor:pointer;transition:all .3s ease}.person1 .nama .ig:hover{background-color:#fafafa;color:#030717}}.person1 .alamat{width:100%;height:20%;display:grid}@media (min-width: 1024px){.person1 .alamat{height:30%;padding:0 10%}}.person1 .alamat.left{grid-template-columns:1fr 2fr}@media (min-width: 1024px){.person1 .alamat.left{grid-template-columns:1fr 3fr;width:70%}}.person1 .alamat.right{grid-template-columns:1fr 2fr}@media (min-width: 1024px){.person1 .alamat.right{grid-template-columns:1fr 3fr;width:70%}}.person1 .alamat .home-icon{width:100%;padding:20px;display:grid;align-items:center}@media (min-width: 1024px){.person1 .alamat .home-icon{padding:30px}}.person1 .alamat .home-icon img{align-items:center;width:100%;object-fit:cover}.person1 .alamat .text-alamat{font-size:1em;padding:10px 50px 10px 0;display:grid;grid-template-rows:space-between;gap:20px}@media (min-width: 1024px){.person1 .alamat .text-alamat{font-size:1.2em;padding:20px 100px 20px 0;gap:30px}}@media (min-width: 1024px){.person1 .alamat .text-alamat .keluarga{font-size:1.1em;font-weight:500}}@media (min-width: 1024px){.person1 .alamat .text-alamat .alamat-lengkap{line-height:1.6}}.schedule1{min-height:100vh;width:100%;background-color:#f9fafb;font-family:Titillium Web,serif;display:grid;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative;color:#f9fafb}@media (min-width: 1024px){.schedule1{height:100vh;padding:2rem 5%}}.schedule1 .bg-wrap{background:#030717;height:90vh;width:100%;position:relative}@media (min-width: 1024px){.schedule1 .bg-wrap{border-radius:30px;box-shadow:0 10px 30px #0000001a;height:calc(100vh - 4rem);align-items:center;display:flex}}@media (max-width: 376px){.schedule1 .bg-wrap{height:100vh;overflow:hidden}}.schedule1 .bg{width:100%;overflow:hidden;text-align:center;padding:5%;display:flex;flex-direction:column;margin:20% 0;gap:20px}@media (min-width: 1024px){.schedule1 .bg{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:2rem;height:100%;align-items:start}.schedule1 .bg img{display:none}}.schedule1 .bg .event{height:auto;width:100%;display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-bottom:2rem}@media (min-width: 1024px){.schedule1 .bg .event{grid-template-columns:1fr;padding:1rem;background:#99a1af;border-radius:20px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;margin-bottom:none}.schedule1 .bg .event:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;background-color:#ebf5ec20}}.schedule1 .bg .event .bunga{padding:10px;display:grid;align-items:center}@media (min-width: 1024px){.schedule1 .bg .event .bunga{padding:1rem;margin-bottom:1rem}}.schedule1 .bg .event .bunga img{width:100%;display:block!important}@media (min-width: 1024px){.schedule1 .bg .event .bunga img{max-width:150px;margin:0 auto}}.schedule1 .bg .event .info{text-align:left;padding:1rem}@media (min-width: 1024px){.schedule1 .bg .event .info{text-align:center}}.schedule1 .bg .event .info .title{margin-bottom:1rem}.schedule1 .bg .event .info .title h2{font-family:Poppins,serif;font-size:1.3em;margin-bottom:.5rem;color:#f9fafb}@media (min-width: 1024px){.schedule1 .bg .event .info .title h2{font-size:1.5em;font-weight:600}}.schedule1 .bg .event .info .title h3{font-family:Lobster Two,serif;color:#f9fafb}@media (min-width: 1024px){.schedule1 .bg .event .info .title h3{font-size:1.3em}}.schedule1 .bg .event .info .date{margin:1rem 0}.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.schedule1 .bg .event .info .date .waktu svg,.schedule1 .bg .event .info .date .alamat svg{color:#f9fafb}@media (min-width: 1024px){.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{justify-content:center;font-size:1.1em}}.schedule1 .bg .event .info .maps button{background:#1e2939;padding:10px 20px;border-radius:5px;border:none;color:#ebf5ec;font-weight:700;cursor:pointer}@media (min-width: 1024px){.schedule1 .bg .event .info .maps button{padding:1rem 2rem;font-size:1.1em;border-radius:8px;margin:1rem auto;transition:all .3s ease}.schedule1 .bg .event .info .maps button:hover{background:#030717;box-shadow:0 5px 15px #03071730}}.schedule1 .bg>img{width:50%;margin:0rem auto;object-fit:contain}@media (min-width: 1024px){.schedule1 .bg>img{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#99a1af;color:#030717}.sidebar .bg{z-index:999;position:fixed;top:0;right:0;bottom:0;width:300px;background:#99a1af}@media (max-width: 720px){.sidebar .bg{width:250px}}@media (min-width: 1024px){.sidebar .bg{width:300px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg a{font-size:40px}@media (max-width: 720px){.sidebar .bg a{font-size:25px}}@media (min-width: 1024px){.sidebar .bg a{font-size:25px}}.sidebar button{z-index:999;position:fixed;width:50px;height:50px;border-radius:50%;bottom:30px;right:25px;background-color:#99a1af;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 720px){.sidebar button{position:fixed}}@media (max-width: 376px){.sidebar button{bottom:15px}}@media (min-width: 1024px){.sidebar button{bottom:16px;right:34px}}.story{height:100%;width:100%;padding:15px;background-color:transparent}.story .bg-story{position:relative;border-radius:20px;padding:5%;height:100%;width:100%;background-color:#030717;overflow:hidden}.story .bg-story:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--bg-image);background-size:cover;background-position:center;opacity:.1;z-index:0}.story .bg-story h1,.story .bg-story .fotoStory,.story .bg-story p{position:relative;z-index:1}.story .bg-story h1{padding:2%;text-align:center;font-family:Tangerine,cursive;font-size:3em;color:#f1d7a9}.story .bg-story .fotoStory{width:100%;height:25%;border-radius:20px;border:5px solid #f1d7a9}.story .bg-story .fotoStory img{border-radius:20px;width:100%;height:100%;object-fit:cover}@media (min-width: 1024px){.story .bg-story .fotoStory{width:30%;height:30%;margin:0 auto}}.story .bg-story p{margin-top:10px;text-align:justify;padding:2%;color:#f1d7a9}@media (max-width: 376px){.story .bg-story p{font-size:.85em}}.timer{width:100%;height:100vh;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#f9fafb,#f9fafb,#f9fafb90,#f9fafb90),var(--bg-timer-hp);background-size:cover;background-position:center}@media (min-width: 1024px){.timer{display:flex;align-items:center;background:linear-gradient(to bottom,#f9fafb,#f9fafb98,#f9fafb90,#f9fafb90),var(--bg-timer);background-size:cover;background-position:center}.timer .boxTimer:nth-child(2){position:absolute;right:0;top:20%;margin:0;width:calc(50% - 40px);height:calc(100% - 40px)}}.timer .boxTimer{background-color:transparent;color:#030717;padding:20px;border-radius:10px;text-align:center}@media (min-width: 1024px){.timer .boxTimer{width:50%;height:100%;margin-top:20%;align-self:center}}.timer .boxTimer h1{font-family:Tangerine,serif;font-size:3em;color:#030717}.timer .boxTimer .eventInfo{margin:15px 0;padding:10px;background-color:#ffffff1a;border-radius:5px}.timer .boxTimer .eventInfo p{font-family:DM Sans,serif;margin:5px 0;font-size:14px}.timer .boxTimer .timerDisplay{display:flex;justify-content:center;gap:10px;padding:10px;border:2px solid #030717;margin:15px 0;border-radius:10px}.timer .boxTimer .timerDisplay .timerBox{text-align:center;min-width:60px}.timer .boxTimer .timerDisplay .timerBox .number{font-family:DM Sans,serif;font-size:36px;font-weight:700}.timer .boxTimer .timerDisplay .timerBox .label{font-family:DM Sans,serif;font-size:12px;opacity:.8}.timer .boxTimer .saveDate{background-color:#030717;color:#fafafa;border:2px solid #99A1AF;padding:10px 20px;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;margin:10px 0;transition:background-color .3s;font-family:DM Sans,serif}.timer .boxTimer .saveDate:hover{background-color:#fafafa}.timer .boxTimer iframe{width:100%;height:35vh;margin-top:5px;border-radius:30px;border:10px solid #fafafa}@media (max-width: 376px){.timer .boxTimer iframe{height:20vh}}.wish{width:100%;height:100vh;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#f9fafb,#f9fafb);padding:20px}.wish .boxWishes{background-color:transparent;border-radius:10px;color:#030717}@media (min-width: 1024px){.wish .boxWishes{width:100%;height:100%}}.wish .boxWishes h2{font-family:Tangerine,serif;text-align:center;font-weight:700;font-size:3em;margin-bottom:10px}.wish .boxWishes .form{margin-bottom:10px}.wish .boxWishes .form .formGroup{margin-bottom:5px}.wish .boxWishes .form .formGroup input,.wish .boxWishes .form .formGroup textarea{width:100%;padding:12px;border-radius:5px;border:1px solid rgba(3,7,23,.1882352941);background-color:#03071790;color:#fafafa;font-size:14px}.wish .boxWishes .form .formGroup input::placeholder,.wish .boxWishes .form .formGroup textarea::placeholder{color:#fff9}.wish .boxWishes .form .formGroup .wishInput{height:70px;resize:none}.wish .boxWishes .form .sendButton{width:100%;font-size:1.3em;font-family:Sofia;padding:12px;border-radius:5px;border:none;background-color:#030717;color:#fafafa;font-weight:700;cursor:pointer;transition:all .3s}.wish .boxWishes .form .sendButton:hover{color:#99a1af;background-color:#261303}.wish .boxWishes .wishesContainer{max-height:50vh;overflow-y:auto;padding-right:10px}@media (max-width: 376px){.wish .boxWishes .wishesContainer{max-height:30vh}}@media (min-width: 1024px){.wish .boxWishes .wishesContainer{max-height:25vh}}.wish .boxWishes .wishesContainer::-webkit-scrollbar{width:5px}.wish .boxWishes .wishesContainer::-webkit-scrollbar-track{background:#d2d2d2}.wish .boxWishes .wishesContainer::-webkit-scrollbar-thumb{background:#d2d2d2;border-radius:5px}.wish .boxWishes .wishesContainer .wishCard{background-color:#fff;padding:15px;color:#030717;border-radius:8px;margin-bottom:15px}.wish .boxWishes .wishesContainer .wishCard .wishHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wish .boxWishes .wishesContainer .wishCard .wishHeader h3{margin:0;font-family:Titillium Web;font-weight:500;font-size:16px}.wish .boxWishes .wishesContainer .wishCard .wishHeader .timeAgo{font-size:12px}.wish .boxWishes .wishesContainer .wishCard .wishText{margin:0;font-family:Titillium Web;font-weight:100;font-size:14px;line-height:1.5}.wish .boxWishes .pagination{color:#030717;display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(3,7,23,.1882352941)}.wish .boxWishes .pagination button{padding:8px 15px;border:1px solid rgba(249,250,251,.1882352941);background-color:transparent;color:#030717;border-radius:4px;cursor:pointer;transition:all .3s}.wish .boxWishes .pagination button:hover:not(:disabled){background-color:#f9fafb30}.wish .boxWishes .pagination span{font-size:14px}.wish .boxWishes .totalSubmissions{text-align:center;padding:10px;margin-bottom:10px;background-color:#03071790;border-radius:5px;font-size:14px;color:#f9fafb}.wish .boxWishes .pagination{color:#030717;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(3,7,23,.5647058824)}.wish .boxWishes .pagination button{padding:8px 12px;border:1px solid rgba(3,7,23,.1882352941);background-color:transparent;color:#030717;border-radius:4px;cursor:pointer;transition:all .3s;min-width:40px}.wish .boxWishes .pagination button:hover:not(:disabled){background-color:#f9fafb90}.wish .boxWishes .pagination button:disabled{opacity:.5;cursor:not-allowed}.wish .boxWishes .pagination button.active{background-color:#f9fafb;border-color:#030717}.wish .boxWishes .pagination button.disabled{opacity:.5;cursor:not-allowed}.gift{width:100%;height:100vh;margin:0 auto;background:linear-gradient(to bottom,#f9fafb,#99a1af);color:#030717}.gift .gift-container{padding:10%;border-radius:10px;height:100vh;width:100%;box-sizing:border-box;align-items:center;position:relative;overflow:hidden}@media (min-width: 1024px){.gift .gift-container{position:absolute;right:0;top:0;width:100%;padding:10% 30%}}.gift .gift-header{display:flex;align-items:center;gap:10%;margin-bottom:5%;font-size:1.5em;text-align:center;color:#030717}.gift .gift-header h2{font-family:Tangerine,serif;font-size:2em}.gift .gift-icon{font-size:2em}.gift .gift-section{margin-bottom:5%}@media (max-width: 376px){.gift .gift-section{margin-bottom:2%}}.gift .gift-section h3{font-family:DM Sans,serif;margin-bottom:3%;color:#030717}.gift .gift-section .bank{height:150px;width:auto;background-color:#f9fafb;border:#030717 2px solid;border-radius:15px;display:grid;place-items:center}.gift .gift-section .bank img{width:80%}.gift .gift-section .gift-box{height:60px;background-color:#030717;border-radius:10px;padding:4%;display:flex;justify-content:space-between;align-items:center;margin-top:3%;color:#f9fafb}.gift .gift-section .gift-box .gift-info{flex:1}.gift .gift-section .gift-box .gift-info .account-number{font-size:1.2em;font-weight:700}.gift .gift-section .gift-box .gift-info .account-name{font-size:.9em;color:#f9fafb}.gift .gift-section .gift-box .gift-info .address{font-size:.9em}.gift .gift-section .gift-box .copy-icon{cursor:pointer;font-size:1.5em}.gift .gift-section .gift-box .copy-icon:hover{color:#222}.gift .decorative-container{position:absolute;bottom:100px;left:0;width:100%;height:50%;pointer-events:none}@media (max-width: 376px){.gift .decorative-container{bottom:50px}}@media (min-width: 1024px){.gift .decorative-container{position:absolute;top:-100px;width:100%}}.gift .floating-gift{position:absolute;font-size:3.5em;opacity:.8}.gift .floating-gift.gift-1{left:20%;bottom:10%}.gift .floating-gift.gift-1 img{height:120px;width:auto}.gift .floating-gift.gift-2{right:20%;bottom:15%}.gift .floating-gift.gift-2 img{height:150px;width:auto}.gift .star{position:absolute;font-size:2.5em;opacity:.6}.gift .star.star-1{left:35%;bottom:40%}.gift .star.star-1 img{height:50px;width:auto}.gift .star.star-2{right:40%;bottom:35%}.gift .star.star-2 img{height:50px;width:auto}.gallery-container{width:100%;height:100%;margin:0 auto;padding:30px;background-color:#99a1af;box-shadow:0 0 10px #0000001a}.gallery-container .gallery-title{font-size:2em;font-weight:300;margin-bottom:20px;font-family:Lobster Two,serif;text-align:center;color:#030717}.gallery-container .gallery-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:20px;grid-auto-rows:minmax(40px,auto)}@media (max-width: 376px){.gallery-container .gallery-grid{grid-auto-rows:minmax(20px,auto);height:65vh}}@media (min-width: 1024px){.gallery-container .gallery-grid{grid-auto-rows:minmax(10px,auto);height:65vh;padding:0 25%}}.gallery-container .gallery-grid .gallery-item{border-radius:15px;overflow:hidden;background-color:#030717;border:5px solid #030717}.gallery-container .gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-container .gallery-grid .gallery-item.medium{grid-column:span 9;grid-row:span 5}.gallery-container .gallery-grid .gallery-item:nth-child(5){grid-column:9/span 4}.gallery-container .gallery-grid .gallery-item:nth-child(6){grid-column:1/span 4}.gallery-container .label{color:#030717;margin-top:2em;padding:15px;align-items:center;text-align:center;font-size:medium}.gallery-container .label img{border-radius:50px}.gallery-container .label a{font-weight:700;color:#030717;font-size:large;margin-bottom:5px}@media (min-width: 1024px){.gallery-container .label{text-align:center}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden;box-sizing:border-box}@media (min-width: 1024px){html{scroll-snap-type:none;scroll-behavior:smooth}}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#f9fafb;color:#292929}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center;position:relative;max-width:100%}.music-control-wrapper{position:fixed;bottom:30px;right:90px;z-index:9999}@media (max-width: 376px){.music-control-wrapper{bottom:15px}}@media (min-width: 1024px){.music-control-wrapper{bottom:20px}}.music-control-button{background-color:#99a1af;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#030717;transition:all .3s ease}.music-control-button:hover{background-color:#99a1af;transform:scale(1.1)}.music-icon{display:flex;font-size:25px;align-items:center;align-self:center;margin:auto 0}