.mdi>svg{vertical-align:middle}.mdi.mdi-spin>svg{-webkit-animation:mdi-spin 2s infinite linear;-moz-animation:mdi-spin 2s infinite linear;animation:mdi-spin 2s infinite linear}@-webkit-keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdi-spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}html,body{height:100%;font-family:Arial,sans-serif;font-size:15px}body{margin:0;background-color:#efefef;background-image:url(/assets/bg-B4Rj2grC.png);background-size:cover;overflow:hidden;letter-spacing:.04rem}.wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.container{height:90%;max-height:1000px;min-height:600px;aspect-ratio:9/16;display:flex;flex-direction:column}.vue-tinder{height:100%;width:100%;margin-bottom:3rem;flex-grow:1}.pic-wrapper{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.pic-wrapper:after{content:"";position:absolute;inset:0;z-index:50;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.85) 80%,rgba(0,0,0,.9) 100%)}.music-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-text-wrapper{position:relative;display:flex;align-items:flex-end;z-index:99}.card-text{color:#fff;padding:0 1.2rem 1.2rem;text-shadow:black 0px 0px 3px}h1,h2{padding:0 0 .3rem;margin:0;font-size:1.5rem}h2{font-size:1.1rem;font-weight:400;padding-bottom:.3rem}.text{line-height:1.3em}.btns-wrapper{width:100%;display:flex;justify-content:center}.btns{display:flex;align-items:flex-end;justify-content:space-around;width:19rem}.btns img{box-shadow:0 4px 9px #00000026;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:rgba(3,3,3,.03)}.hidden{opacity:.4}.btns .small{width:3rem}.btns .big{width:4rem}.infobox{display:flex;flex-direction:column;height:100%;width:100%;color:#444}.infobox .info{flex-grow:1;padding:0 2rem 2rem}.infobox .signup{display:block;padding:1.5rem;text-align:center;border-radius:10px;line-height:1.2rem;background:linear-gradient(to right top,#7ee4d3,#02be6b);color:#fff;font-size:1.5rem;text-decoration:none;cursor:pointer;user-select:none;-webkit-user-select:none}.inforow{display:flex;align-items:center;margin-bottom:1.2rem}.inforow div{margin-left:1.5rem;font-size:1.2rem}.inforow .secondline{font-size:1rem}.infobox h3{font-size:2rem;margin-bottom:1.8rem}