@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Great+Vibes&family=Noto+Serif+SC:wght@200;300;400&family=Parisienne&display=swap";.audio-container{position:sticky;top:0;z-index:100}span#music-icon img{padding:.1rem}button#audio-button{position:absolute;top:1em;right:1em;width:40px;padding:.5em;border:1px solid var(--font-secondary);background-color:transparent;border-radius:100%}button#audio-button:hover{cursor:pointer;animation-name:none}button#audio-button:active{background-color:var(--font-primary);border:1px solid var(--font-secondary)}button#audio-button.spin{animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.container{display:flex;width:100vw;max-width:1024px;justify-content:space-around;visibility:hidden}.container.show{visibility:visible}.container .qr-container{display:none}main{position:relative;width:100vw;min-width:375px;max-width:425px;min-height:90vh;background-color:var(--background-secondary)}@media (min-width: 768px){.container #qr-code,.qr-container .qr-content{border-radius:10%;padding:1em}.container .qr-container,.qr-container .qr-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.container .qr-container{position:sticky;top:0;z-index:100;height:100vh}.qr-container .qr-content{border:.1rem solid white;color:var(--font-secondary);padding:1.5em}.container .qr-container span{margin-bottom:1em}}section{display:flex;flex-direction:column;justify-content:space-between}section h1{margin:0;padding:.5em;display:flex;justify-content:center}section.calendar{width:100%;height:80vh;justify-content:center;align-items:center;color:var(--font-secondary)}.calendar .text-heading{padding:3em 0 1.5em;font-size:1.75rem}.calendar-container{font-size:1rem;padding:0 1em;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-radius:10%}.calendar-header{font-size:larger;width:100%;padding:1em;display:flex;flex-direction:row;justify-content:space-between}.calendar-header .year-text,.calendar-header .month-text{position:relative;padding:0 1em;display:flex;align-items:flex-end;color:var(--font-primary)}.calendar-header .month-text>span{position:absolute;bottom:-.25rem;right:3rem;font-size:xx-large}.calendar-container li{width:1em;list-style:none;padding:.2em .8em}.calendar-container ul{margin:0;padding:0;display:flex;flex-direction:row}.calendar-week{border-radius:.75em;color:var(--font-secondary);background-color:var(--background-secondary)}.calendar-body{width:18em;padding:.2rem .7rem;list-style:none;color:var(--font-primary)}ul.calendar-body{flex-direction:row;flex-wrap:wrap}.calendar-body li{display:flex;width:2em;min-height:1em;justify-content:center;padding:.5em .28em}.calendar-body li.countdown{position:relative;color:var(--font-secondary)}.heart-icon,li.countdown span{position:absolute;top:.25rem;width:2em}li.countdown span{top:20%;display:flex;justify-content:center;z-index:100}.heart-icon{animation:heart-icon-ani 2.5s infinite ease}@keyframes heart-icon-ani{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.calendar .text-footer{display:flex;flex-direction:column;align-items:center;padding:1.5em 0}.calendar .text-footer span{padding:.25em 0;font-size:1.2rem}section.contact{width:100%;padding:3em 0 0;color:var(--font-primary);background-color:#fff;display:flex;flex-direction:column;justify-content:center}.shuangxi-container{width:100%;display:flex;justify-content:center}.shuangxi-svg{width:5em;height:5em}section.contact .wedding-pic{width:100%;height:50vh}section.contact .info-container{display:flex;justify-content:space-evenly}section.contact .person-info{display:flex;align-items:center;flex-direction:column}section.contact .person-info h4{margin:1em 0 0;font-weight:300}section.contact .person-info h4.font-silk{margin:0 0 1em}section.contact .person-info a{padding:.3em .5em;display:flex;align-items:center;border:solid .1rem;border-radius:10px;color:var(--font-primary);text-decoration:none}.person-info img.icon{margin:0 .3rem 0 0}section.footer{padding:3em 0 1em}.footer span{display:flex;justify-content:center;font-size:.8rem}.footer span a{text-decoration:none;color:var(--font-primary);font-weight:600}.gallery{padding:2.5em 0;flex-direction:row;justify-content:center;align-items:center;background-color:#fff}.gallery .content{display:flex;flex-direction:column;width:100%;align-items:center;margin:0 1em}.gallery .wedding-pic{width:100%;background-size:cover;background-position:center;border:2px solid #fff}.gallery .wedding-pic.frame-v{aspect-ratio:3 / 4;margin:1.5em .5em}.gallery .wedding-pic.frame-h{aspect-ratio:4 / 3;margin:1em .5em}.gallery .wedding-pic:nth-child(1){background-size:110%;background-position:100% 90%}.gallery .wedding-pic:nth-child(2){background-size:100%;background-position:0% 80%}.gallery .wedding-pic:nth-child(3){background-position:55%}.gallery .wedding-pic:nth-child(5),.gallery .wedding-pic:nth-child(6){background-position:80%}section.location{height:90vh;justify-content:space-evenly;align-items:center;margin:1.5em 0;color:var(--font-secondary)}.location .text-heading{font-size:1.75rem}.location-picture{width:80%;height:40%;margin:0 2em;background-size:22em;background-repeat:no-repeat;background-position:top left}.location-info,.location-info>span{display:flex;flex-direction:column;justify-content:center;align-items:center}.location-footer{display:flex;flex-direction:row;justify-content:center}.location-footer a{margin:0 1em}.location-footer a img.gmap-icon{width:3em;padding:.5em}.location-footer a img.waze-icon{width:2.75em;padding:.1em;margin:.75em 1em;background-color:#05c8f7;border-radius:15%}.main .wedding-pic-frame,.main .wedding-content{width:100%;height:90vh}.wedding-content{position:absolute;color:var(--font-primary);display:flex;flex-direction:column;justify-content:flex-end}.wedding-content div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:1.75rem;padding:1.3em 0}.wedding-content .text-bottom span:first-child{font-size:1.1rem}.wedding-content .text-bottom span:nth-child(2) span{font-size:1.5rem}.wedding-content .text-bottom span:nth-child(3){font-size:1.3rem}section.rsvp{height:90vh;justify-content:space-evenly;margin:1.5em 0;display:flex;flex-direction:column;align-items:center;color:var(--font-secondary)}.rsvp .text-heading{font-size:1.75rem}.rsvp-info,.rsvp-info span{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:.05em}.rsvp-info>span{padding:.5em}.rsvp-btn{margin-bottom:1em;padding:.5em 1em;border:solid .1rem;border-radius:10px;color:var(--font-primary);background-color:var(--font-secondary);text-decoration:none}:root{font-family:Helvetica,Arial,sans-serif;color-scheme:dark light;--background-primary: #530b0b;--background-secondary: #751919;--background-third: #ffffff;--font-primary: #530b0b;--font-secondary: #ffffff;color:var(---font-primary);background-color:var(--background-third)}html{scroll-behavior:smooth}body{margin:0;padding:0;display:flex;justify-content:center;place-items:center;font-size:1.125rem;overflow-x:hidden}img{max-width:100%;display:block}.font-gvibe{font-family:Great Vibes,cursive}.font-natossc{font-family:"Noto Serif SC",serif}.font-dancescrp{font-family:Dancing Script,cursive}.font-parisie{font-family:Parisienne,cursive}.font-silk{font-family:"Silk Serif Regular";font-weight:400}.font-silk-medium{font-family:"Silk Serif Medium";font-weight:medium}.font-silk-light{font-family:"Silk Serif Light";font-weight:400}.font-silk-light-italic{font-family:"Silk Serif Light Italic";font-weight:400}.font-silk-extra-light{font-family:"Silk Serif ExtraLight";font-weight:lighter}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#666;border-radius:1em}::-webkit-scrollbar-thumb:hover{background:#333}.w-50{width:50%}.stop-scrolling{height:100%;overflow:hidden}@media (min-width: 768px){:root{background-color:var(--background-primary)}}@font-face{font-family:"Silk Serif Regular";src:url(/assets/Silk-Serif-Regular.c3bf7363.otf) format("opentype")}@font-face{font-family:"Silk Serif Light";src:url(/assets/Silk-Serif-Light.488e2317.otf) format("opentype")}@font-face{font-family:"Silk Serif Light Italic";src:url(/assets/Silk-Serif-Light-Italic.7b41d619.otf) format("opentype")}@font-face{font-family:"Silk Serif ExtraLight";src:url(/assets/Silk-Serif-ExtraLight.36e2eb2f.otf) format("opentype")}@font-face{font-family:"Silk Serif Medium";src:url(/assets/Silk-Serif-Medium.3577dac9.otf) format("opentype")}