.button{background-color:var(--main-color);display:inline-block;padding:10px 20px;border-radius:3px;color:#fff;transition:all .25s linear}.button:hover{color:#000}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mb-60{margin-bottom:60px}.align-left{text-align:left}.radius-5{border-radius:5px}.center{text-align:center;margin-left:auto;margin-right:auto}.width-400{width:400px}.max-width-100pct{max-width:100%}.mb-50{margin-bottom:50px}.block{display:block}.inline-block{display:inline-block}.full-width{width:100%}.relative{position:relative}.align-right{text-align:right}.rounded-5{border-radius:5px}.margin-center{margin-left:auto;margin-right:auto}header{text-align:center;display:block;width:100%}header menu{padding:0}header img{text-align:center;margin:0 auto}header ul{display:inline-flex;justify-content:center;align-items:center;gap:30px;margin:0;padding:0}header ul li{list-style:none}header ul li a{color:#fff;text-transform:uppercase;transition:all .25s linear}header ul li a:hover{color:var(--main-color)}.logo-mobile{text-align:center;margin:5px auto}@media (max-width: 999px){header img{width:300px}}section.hero{text-align:center;padding:40px 20px 0;max-width:100%;width:800px;margin:0 auto}section.hero .content{text-align:left;display:grid;grid-template-columns:50% 50%;align-items:center;justify-content:center;gap:30px}section.hero .home-pic{max-width:100%;width:400px;margin:20px auto;border-radius:5px}@media (max-width: 800px){section.hero .content{grid-template-columns:1fr}section.hero h2{font-size:17px}}section.birthday .video-overlay{position:absolute;top:50%;left:0;margin:-240px auto 0;width:100%}section.birthday{text-align:center;padding:40px 0}section.birthday video{width:100%;min-height:600px}section.birthday h1{line-height:71px;margin-bottom:0}section.birthday h2{margin-top:0}section.birthday h1 span{background-color:#333f42cc;padding:0 10px;color:#b4975a}@media (max-width: 800px){section.birthday h1{font-size:28px;line-height:55px}section.birthday video{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;z-index:-1}section.birthday .video-overlay{top:0;margin-top:100px}}section.verse{padding:20px;background-color:var(--light-color);color:#000;max-width:100%;width:800px;margin:0 auto;border-radius:5px}section.verse p{max-width:100%;width:800px;margin:0 auto;font-size:12px;font-style:italic}section.verse .quote{margin-top:10px}@media (max-width: 800px){section.verse{border-radius:0;margin-bottom:0}}.bio-page{text-align:center;padding:40px}.bio-page p{text-align:justify;max-width:800px;margin:20px auto}.bio-content{background-color:#0000009e;padding:20px;border-radius:5px}.events-page{text-align:center;padding:40px}.events-hero{text-align:center}.events-hero h4{margin:0}.events-card{display:flex;margin:20px auto;justify-content:flex-start;align-items:top;gap:30px;background-color:#fff3;max-width:100%;width:800px;padding:20px;border-radius:5px}.events-card img{max-width:100%;height:130px}.events-hero .banner{display:grid;grid-template-columns:1fr 1fr;margin:10px auto;max-width:100%;width:800px;gap:15px}.events-hero .banner img{display:block;max-width:100%}@media (max-width: 600px){.events-card{flex-direction:column}.events-card .align-left{text-align:center}.events-card img{height:230px}.events-hero .banner{grid-template-columns:1fr}}.contact-page{text-align:center;padding:40px}.contact-page form{max-width:100%;width:800px;background-color:#fff;padding:20px;margin:10px auto;color:#000;text-align:left;border-radius:5px}@media (max-width: 600px){.contact-page h1{font-size:30px}}section.birthday-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/birthday-bk-C78NJi7b.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:.3;z-index:-1}section.birthday-hero h1{margin-bottom:0}section.birthday-hero h2{margin-top:0;background-color:#0000009e;display:inline-block;padding:5px 10px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:800px;margin:0 auto}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}p.details{max-width:100%;width:300px;text-align:left;margin-left:auto;margin-right:auto}.primary{background:linear-gradient(var(--main-color),#f3e3c0,var(--main-color),#f3e3c0,var(--main-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}section.birthday-hero a{color:var(--main-color)}section.birthday-hero a:hover{text-decoration:underline}@media (max-width: 600px){section.birthday-hero h1{font-size:30px}section.birthday-hero h2{font-size:17px}}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;color:#000;transition:all .25s linear;max-height:100%;overflow-y:auto}.modal-content{background-color:#fefefe;padding:10px 20px 20px;border-radius:8px;max-width:400px;width:100%}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}form{display:grid;gap:10px}label{font-weight:700}input[type=text],input[type=email],select,textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;background-color:var(--light-color);color:#000}button[type=submit]{background-color:var(--main-color);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}button[type=submit]:hover{background-color:var(--main-color-hover)}button.black{background-color:#000;color:#fff;display:block;width:100%}.modal .notice-bar{background-color:#feebba;padding:5px;text-align:center;color:#a47600;border:1px solid rgb(164,118,0);margin-bottom:20px;border-radius:3px;font-size:14px}.modal .notice-bar ul{margin:0}section.gallery{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px;height:300px;margin-top:60px}section.gallery img{height:100%;width:100%;object-fit:cover}@media (max-width: 800px){section.gallery{grid-template-columns:1fr 1fr}}.birthday-page{text-align:center;padding:40px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--main-color: #b4975a;--main-color-hover: #c59c47;--light-color: #f2f1e0}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}
