.btn{--btn-size:2rem;-webkit-appearance:none;background-color:var(--mint);border:4px outset var(--mint);border-radius:0;color:var(--pink-200);cursor:pointer;display:grid;flex:0 0 var(--btn-size);font-size:1rem;font-weight:700;height:var(--btn-size);height:2rem;place-content:center;width:var(--btn-size)}@media (min-width:768px){.btn{--btn-size:3rem;font-size:1.25rem}}.btn:active{border-style:inset}.btn>svg{fill:var(--pink-200);height:1rem;width:1rem}@media (min-width:960px){.btn>svg{height:1.5rem;width:1.5rem}}.header{align-items:center;display:flex;grid-column:1/-1;justify-content:space-between;padding-block:.5rem;padding-inline:1rem}@media (min-width:960px){.header{padding-inline:0}}.header__title-img{height:1.5rem;width:auto}@media (min-width:960px){.header__title-img{height:auto}}.smooch-icon{fill:red;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:1.25rem;width:30px}.nav-btn{--transition:120ms;align-items:center;background-color:transparent;border:4px outset var(--yellow);border-radius:0;color:var(--purple);-webkit-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;margin:0 auto 1.5rem;outline:6px solid var(--purple);position:relative;transition:border-color var(--transition) ease,outline-color var(--transition) ease;width:calc(100% - 12px)}.nav-btn:after,.nav-btn:before{bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity var(--transition) ease;z-index:-1}.nav-btn:before{background:linear-gradient(to left,var(--mint),#fff,var(--mint))}.nav-btn:after{background:linear-gradient(to left,var(--yellow),#fff,var(--yellow))}.nav-btn:active{border-style:inset}.nav-btn.is-active{border-color:var(--mint);color:var(--blue-200);outline-color:var(--blue-200)}.nav-btn.is-active:after{opacity:0}.nav-btn__extra{font-size:1rem}.nav{background:url(/static/media/pink_bg.3ae918ea696bdebe3fb0.webp) repeat;box-shadow:2px 0 3px rgba(0,0,0,.07),2px 0 6px #000;height:100%;left:0;overflow-x:hidden;overflow-y:auto;padding-block:.5rem;padding-inline:1rem;position:fixed;top:0;-webkit-transform:translate3D(calc(-100% - 5px),0,0);transform:translate3D(calc(-100% - 5px),0,0);transition:-webkit-transform .24s ease;transition:transform .24s ease;transition:transform .24s ease,-webkit-transform .24s ease;width:min(100%,24rem);z-index:3}@media (min-width:960px){.nav{background-image:none;box-shadow:none;overflow:visible;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}}.nav--is-open{-webkit-transform:translateZ(0);transform:translateZ(0)}.nav__top-bar{display:flex;justify-content:space-between;margin-bottom:2rem}.nav__close-btn{-webkit-margin-start:auto;margin-bottom:1rem;margin-inline-start:auto}.nav__heading{color:var(--yellow);font-size:1.75rem;text-shadow:0 1px 5px rgba(0,0,0,.8)}.smooch-meter{color:var(--yellow);font-size:1.5rem;font-weight:700;line-height:1;text-shadow:0 0 5px rgba(0,0,0,.8)}.smooch-meter>img{border:4px solid var(--yellow);width:3rem}.marquee{background-color:#000;border-bottom:3px dashed var(--pink);border-top:3px dashed var(--pink);color:var(--pink);font-size:2rem;font-style:italic;left:0;overflow:hidden;padding-block:3rem;position:absolute;right:0;text-transform:uppercase;top:50%;white-space:nowrap;z-index:2}.marquee>p{-webkit-animation:marqueeMobile 20s linear infinite;animation:marqueeMobile 20s linear infinite;margin:0}@media (min-width:768px){.marquee>p{-webkit-animation-name:marqueeTablet;animation-name:marqueeTablet}}@media (min-width:960px){.marquee>p{-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-name:marqueeDesktop;animation-name:marqueeDesktop}}.marquee strong{font-family:var(--serif)}.underline{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}@-webkit-keyframes marqueeMobile{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-300%);transform:translateX(-300%)}}@keyframes marqueeMobile{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-300%);transform:translateX(-300%)}}@-webkit-keyframes marqueeTablet{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-150%);transform:translateX(-150%)}}@keyframes marqueeTablet{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-150%);transform:translateX(-150%)}}@-webkit-keyframes marqueeDesktop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}@keyframes marqueeDesktop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}.viewer{height:100%;position:relative;width:100%}.bg-img,.media{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.media{z-index:1}.intro-content{background:#000;color:var(--pink);display:grid;height:100%;padding-inline:2rem;place-content:center;width:100%}.intro-content__subheading,.intro-content__title{text-align:center}.intro-content__title{font-size:2rem;line-height:1.15;margin-bottom:.5rem}.intro-content__subheading{font-size:1.25rem;margin-bottom:1rem}.intro-content>p{line-height:1.5;margin:0 auto 1rem;width:min(100%,55ch)}*,:after,:before{box-sizing:border-box}html{--pink:#ff61fc;--pink-200:#fa00f6;--purple:purple;--yellow:#ffd900;--mint:#00db96;--mint-200:#007550;--blue-100:#8fdbff;--blue-200:#00f;--serif:Georgia,"Times New Roman",Times,serif;--sans-serif:Arial,sans-serif;font-family:Arial,sans-serif;font-family:var(--sans-serif)}body{background:url(/static/media/pink_bg.3ae918ea696bdebe3fb0.webp) repeat}body,h1,h2,h3,h4,h5,p{margin:0;padding:0}h1,h2,h3{font-family:Georgia,Times New Roman,Times,serif;font-family:var(--serif);font-style:italic}ul{list-style:none;padding:0}.app{width:100%}@media (min-width:960px){.app{display:grid;grid-template:repeat(3,-webkit-max-content) /20rem 1fr;grid-template:repeat(3,max-content) /20rem 1fr;height:auto;place-content:center}}@media (min-width:1200px){.app{margin-inline:auto;width:Min(80rem,100%)}}@media (min-width:960px){.menu-btn{display:none}}.main{--height:0px;height:calc(100vh - var(--height))}@media (min-width:960px){.main{height:100%}}.main--viewer-active{height:100vh}@media (min-width:960px){.main--viewer-active{height:100%}}footer{grid-column:1/-1;padding-block:.25rem;text-align:center}a{font-family:Arial,sans-serif;font-family:var(--sans-serif)}.bordered{border:2px solid gold}
/*# sourceMappingURL=main.3a50e3ba.css.map*/