@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Arvo:wght@700&display=swap");.gd{font-family:Lato,serif;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;height:100vh}#guest-info{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);animation:fadeIn 1s ease-in-out;justify-content:space-between;width:30%;box-sizing:border-box}#guest-info,.gd-stagger-wrapper{display:flex;flex-direction:column;align-items:center;margin:10px;height:80%}.gd-stagger-wrapper{width:70%;justify-content:flex-start}.gd-guest-details,.guest-image{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.gd-details{justify-content:center;align-items:flex-start;text-align:center}.guest-image{margin:10px;border-radius:10px;height:auto;transition:transform .3s ease-in-out}.gd-name{color:orange;font-family:Roboto,sans-serif;font-size:30px;margin-top:20px}.gd-details{margin:10px 20px;flex-direction:column;justify-content:space-around;font-size:20px;font-family:Poppins,sans-serif;font-weight:700;color:white}.gd-details,.gd-details div{display:flex;align-items:center}.gd-details div{margin-bottom:10px}.gd-details div i{margin-right:10px}.gd-btn{--clr-font-main:hsla(0 0% 20%/100);--btn-bg-1:rgb(14,110,189);--btn-bg-2:rgb(6,18,131);--btn-bg-color:hsla(360 100% 100%/1);--radii:0.5em;cursor:pointer;padding:1em 1.5em;min-width:120px;min-height:44px;font-size:var(--size,1rem);font-weight:500;transition:.8s;background-size:280% auto;background-image:linear-gradient(325deg,var(--btn-bg-2) 0,var(--btn-bg-1) 55%,var(--btn-bg-2) 90%);border:none;border-radius:var(--radii);color:var(--btn-bg-color);box-shadow:0 0 20px rgba(71,184,255,.5),0 5px 5px -1px rgba(58,125,233,.25),inset 4px 4px 8px rgba(175,230,255,.5),inset -4px -4px 8px rgba(19,95,216,.35)}.gd-btn:hover{background-position:100% 0}.gd-btn:is(:focus,:focus-visible,:active){outline:none;box-shadow:0 0 0 3px var(--btn-bg-color),0 0 0 6px var(--btn-bg-2)}@media (prefers-reduced-motion:reduce){.gd-btn{transition:linear}}.gd-tabs{list-style:none;width:60%;height:auto;margin:10px auto auto;flex-wrap:wrap;justify-content:space-around}.gd-tabs,.gd-tabs li{display:flex;align-items:center}.gd-tabs li{background-color:#212327;border-radius:10px;margin:2%;flex:1 1 20%;height:40px;justify-content:center;color:#c4cfde;font-family:JetBrains Mono,monospace;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;cursor:pointer}.gd-tabs li:hover{transform:scale(1.1);background:rgb(6,95,185);color:#fff}.gd-active,.gd-tabs li:hover{box-shadow:10px 10px 19px #1c1e22,-10px -10px 19px #262a2e;position:relative;z-index:1;border-radius:10px}.gd-active{background:linear-gradient(145deg,#1e2024,#23272b);color:#fff!important;overflow:hidden}.gd-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:2px;background:rgb(0,170,255);-webkit-mask-composite:destination-out;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.gd-contents{width:100%;margin:20px auto auto;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:30px}.gd-box{background:linear-gradient(145deg,rgba(30,32,36,.5),rgba(35,39,43,.5));box-shadow:10px 10px 19px rgba(28,30,34,.5),-10px -10px 19px rgba(38,42,46,.5);border-radius:10px;padding:20px;width:100%;animation:moving 1s ease}.gd-box img{width:50%;border-radius:10px}.gd-box h3{color:#f9f9f9;font-size:2.3rem;margin-bottom:20px;text-align:center}.gd-box h3,.gd-box p{font-family:Poppins,sans-serif}.gd-box p{color:#e1e4e9;opacity:.7;font-size:1.3rem;text-align:justify}.gd-show{display:flex}.gd-hide{display:none}@keyframes moving{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}.gd-contact-info-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px;text-align:center}.gd-contact-info-wrapper h1{font-family:Arvo,serif;color:rgb(6,179,232);font-size:2rem;margin-bottom:0}.gd-contact-info{display:flex;align-items:center;font-family:Poppins,sans-serif;color:#c4cfde}.gd-contact-info i{font-size:30px;margin-right:10px}.gd-contact-info p{margin:5px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gd-stagger{width:90%;font-size:20px;color:rgba(245,245,245,.692);transition:color 1s ease-in-out;clear:both;box-sizing:border-box}.gd-intro--item{color:white}.animation-text-wipe{font-family:URW Chancery L,cursive;opacity:0;-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,0) 38%,rgba(0,0,0,1) 40%);mask-image:linear-gradient(270deg,rgba(0,0,0,0) 38%,rgba(0,0,0,1) 40%);-webkit-mask-size:300%;mask-size:300%}.animation-text-wipe.animate-in{animation-name:text-wipe;animation-duration:1s;animation-timing-function:linear;animation-fill-mode:forwards}.anim-delay-1{animation-delay:.25s}.anim-delay-2{animation-delay:.5s}.anim-delay-3{animation-delay:.75s}@keyframes text-wipe{0%{opacity:1;-webkit-mask-position:100%;mask-position:100%}to{opacity:1;-webkit-mask-position:0;mask-position:0}}@media (max-width:1200px){#guest-info{width:35%}.gd-stagger-wrapper{width:65%}.gd-box p{font-size:1.2rem}}@media (max-width:1100px){.gd-box p{font-size:1rem}}@media (max-width:1000px){.gd-tabs{width:60%;flex-direction:column;padding:10px}.gd-tabs li{width:100%;height:40px;margin-bottom:10px;flex:none}}@media (max-width:900px){.gd-box h3{font-size:1.6rem}.gd-box p{font-size:.9rem}.gd-contact-info-wrapper{margin-top:3px}}@media (max-width:800px){.gd{flex-direction:column;align-items:center}#guest-info,.gd-stagger-wrapper{width:100%;margin:10px 0;height:-moz-fit-content;height:fit-content}.gd-tabs{margin-top:50px;width:60%;flex-direction:column}.gd-tabs li{transform:scale(.9)}}@media (max-width:480px){.gd-name{font-size:28px}.gd-details{font-size:16px}.gd-box h3{font-size:1.8rem}.gd-box p{font-size:1rem}.gd-tabs{width:80%;flex-direction:column;margin-top:50px}.gd-tabs li{width:100%;height:35px}}