html{text-align:center}.content{text-align:center;margin-top:0;margin-bottom:0}section.content>h2{padding:.5em 10%}.content.game{margin-inline:auto;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-content:center;width:90%;max-width:50em}.content.game:not(:first-of-type){border-top:solid 1px rgba(var(--accent-rgb),.1)}@media only screen and (min-width: 110em){main{display:grid;justify-items:center;grid-template-columns:1fr 1fr}main>*:not(:last-child):after{content:unset}.content.game:not(:first-of-type){width:100%;border-top:unset}}.content.game .vidwrapper{position:relative;width:20em;height:20em;margin:2em;border-radius:50%;border:solid .2em var(--accent-light);overflow:hidden;text-align:center;flex:none;box-shadow:0 1vh 0 var(--accent);transform:scale(.95);transition:transform .2s cubic-bezier(.1,1.77,.45,.85)}.content.game .vidwrapper:hover,.content.game .vidwrapper:focus-within{transform:scale(1.05)}.content.game .vidwrapper:hover>a,.content.game .vidwrapper:focus-within>a{opacity:1}.content.game .vidwrapper:active{transform:scale(.9)}video,.content.game .vidwrapper img{background:#000;display:inline-block;object-fit:cover;object-position:center center;width:100%;height:100%}.content.game .textwrapper{text-align:left;flex:1}.content.game .textwrapper p{text-align:left;flex:1;box-sizing:border-box;padding-right:2em}.playnow:after{content:" >>"}@media (orientation: portrait){section.content.game{flex-direction:column}section.content.game .textwrapper{text-align:justify}section.content.game .textwrapper h2,section.content.game .textwrapper h3{text-align:center}section.content.game .vidwrapper{width:50vw;height:50vw}}@media (orientation: landscape){.content.game:nth-of-type(2n){flex-direction:row-reverse}.content.game:nth-of-type(2n) .textwrapper,.content.game:nth-of-type(2n) .textwrapper p{text-align:right}.content.game:nth-of-type(2n) .textwrapper p{padding-right:0;padding-left:2em}}@keyframes bg{0%{transform:scale(1)}to{transform:scale(1.1)}}.game .textwrapper>p:first-of-type{font-weight:700;margin:0}.dark-bg{background:#601060}.light-bg{background:rgba(var(--white-rgb),.5);border-top:solid 1px rgba(var(--accent-light-rgb),.5);border-bottom:solid 1px rgba(var(--accent-light-rgb),.5)}.grid{position:relative;z-index:-1000;width:100%;overflow:hidden;transform:scale(1);background-image:-webkit-linear-gradient(top,rgba(32,16,32,.33) 0%,rgba(32,16,32,0) 3vh,rgba(32,16,32,0) 97vh,rgba(32,16,32,.33) 100%);background-image:-moz-linear-gradient(top,rgba(32,16,32,.33) 0%,rgba(32,16,32,0) 3vh,rgba(32,16,32,0) 97vh,rgba(32,16,32,.33) 100%);background-image:linear-gradient(top,#20102054,#20102000 3vh 97vh,#20102054)}.grid:after{content:"";width:100%;height:100%;z-index:-10000;display:block;position:absolute;top:0;background-image:-webkit-repeating-linear-gradient(45deg,rgba(250,230,130,.042),transparent 20%),-webkit-repeating-linear-gradient(-45deg,transparent,rgba(250,230,130,.075) 10%),-webkit-repeating-linear-gradient(45deg,transparent,rgba(250,230,130,.08) 40%),-webkit-linear-gradient(top,transparent,rgba(250,230,130,.5) 100%);background-image:-moz-repeating-linear-gradient(45deg,rgba(250,230,130,.042),transparent 20%),-moz-repeating-linear-gradient(-45deg,transparent,rgba(250,230,130,.075) 10%),-moz-repeating-linear-gradient(45deg,transparent,rgba(250,230,130,.08) 40%),-moz-linear-gradient(top,transparent,rgba(250,230,130,.5) 100%);background-image:repeating-linear-gradient(45deg,rgba(250,230,130,.042),transparent 20%),repeating-linear-gradient(-45deg,transparent,rgba(250,230,130,.075) 10%),repeating-linear-gradient(to 45deg,transparent,rgba(250,230,130,.08) 40%),linear-gradient(top,transparent,rgba(250,230,130,.5) 100%);background-attachment:fixed;background-position:center center;background-size:100%;pointer-events:none}.grid:after{animation:bg 16s;animation-fill-mode:forwards;animation-iteration-count:1;animation-delay:2s;animation-timing-function:ease-in-out}.pre-footer{height:10em;text-align:center}.pre-footer:before{content:"";width:8em;height:8em;margin-top:1em;display:inline-block;border-radius:50%;background-image:url(/assets/images/SweetHeart%20Squad%20-%20icon.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}.footer{text-align:center;background:rgba(var(--black-rgb),.1);padding-top:1em;padding-bottom:1em;border-top:solid 1px rgba(var(--accent-light-rgb),.5);font-size:.75em;font-weight:400}.footer .icon:before{border-radius:50%}