allcss.min.css

@font-face{font-family:'Aileron';src:url('./fonts/Aileron.otf') format('opentype');font-weight:500}@font-face{font-family:'Aileron';src:url('./fonts/Aileron-Light.otf') format('opentype');font-weight:400}@font-face{font-family:'Aileron';src:url('./fonts/Aileron-Black.otf') format('opentype');font-weight:900}@font-face{font-family:'Aileron';src:url('./fonts/Aileron-Bold.otf') format('opentype');font-weight:700}@font-face{font-family:'Aileron';src:url('./fonts/Aileron-SemiBold.otf') format('opentype');font-weight:600}@font-face{font-family:'Aileron';src:url('./fonts/Aileron-Heavy.otf') format('opentype');font-weight:800}.hero .blur{backdrop-filter:blur(2px);display:inline-block;border-radius:10px;padding:4px}.js-only{display:none}.show{display:block}body{font-family:'Aileron';margin:0}nav{position:sticky;top:0;background-color:#fff;z-index:10;overflow:hidden}.hero{min-height:75vh;text-align:center}.herobg{position:relative}.herobg .ig3d{position:absolute;width:25%;top:11em;left:1%}
.herobg .tt3d{position:absolute;width:25%;top:12em;left:22%}.herobg .ldn3d{position:absolute;width:28%;top:11.3rem;right:20%}.herobg .spotify3d{position:absolute;width:23%;top:12.8rem;right:2rem}.hero .main{position:relative;margin:20px 50px;text-align:center}.hero strong{position:relative;width:auto;backdrop-filter:blur(5px)}h1{font-size:64px;position:relative;margin:16px;line-height:1.0625;font-weight:600;letter-spacing:-.009em}.hero h3{font-size:18px;font-weight:500;margin-left:calc(10% + 15px);width:80%}.gradient-text{font-weight:900;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-image:linear-gradient(90deg,#0093e9 20%,#80d0c7 80%)}.login{text-decoration:none;font-size:18px;font-weight:500;color:#000;padding:24px;letter-spacing:1.1px}.logotext{margin-left:0;font-weight:600;font-size:20px;padding-left:0}.signup{background:linear-gradient(102deg,#09f 0%,#c0f 100%);text-decoration:none;width:100px;height:25px;text-align:center;padding:10px 24px;font-size:18px;font-weight:800;letter-spacing:1.3px;color:#fff;border-radius:12px}
.smalllogo{margin:16px;margin-right:8px;width:40px}.leftmenu{margin-left:50px;float:left;display:flex;justify-content:space-between}.rightmenu{margin-right:50px;float:right;display:flex;justify-content:space-between;justify-items:center}.center{display:flex;justify-content:center}main{position:relative}.footer{display:flex;justify-items:center;justify-content:center;flex-flow:column wrap;text-align:center;background-color:#00A4EF}footer{background-color: #00A4EF; margin-top: 0;}footer svg{background-color:#fff; margin-bottom: 0;}.footer p,.footer a{color:#fff;font-size:18px;text-decoration:none;font-weight:400}@media only screen and (max-width:800px){.leftmenu .logotext{display:none}.leftmenu{margin-left:2px}.rightmenu{margin-right:2px}.signup{width:50px;font-size:16px}.smallogo{padding:8px}.login{padding:12px;margin-top:8px}.hero .main{padding:5px 12.5px}h1{margin:8px;font-size:48px}.hero{padding-bottom:32px}}@media only screen and (max-width:500px){.herobg .ig3d{width:33%;top:7em;left:-.8rem}.herobg .tt3d{display:none}.herobg .ldn3d{display:none}
.herobg .spotify3d{width:30%;top:7.8em;right:0}.hero .blur{backdrop-filter:none;display:inline-block;border-radius:10px;padding:4px}.hero{padding-bottom:32px}}@media only screen and (min-width:501px) and (max-width:1000px){.herobg .ig3d{width:43%;top:10em;left:1%}.herobg .tt3d{display:none}.herobg .ldn3d{display:none}.herobg .spotify3d{width:40%;top:11.8rem;right:2rem}.hero{padding-bottom:32px}}.faq{width:100%;padding-top:0}.faq h2{text-align:center;font-size:32px;padding:16px;padding-top:0;margin:16px;margin-top:0}.faq .benefits{width:100%;display:flex;flex-flow:row wrap;justify-content:space-around}.faq .item{width:33%;text-align:center}.faq .item h3{font-size:24px;margin:16px;margin-top:4px;margin-bottom:4px;display:inline-block}.faq .item p{margin:16px;margin-top:4px;margin-bottom:24px;display:inline-block;font-size:14px}.benefits .img{margin-top:8px;margin-bottom:4px}@media only screen and (max-width:600px){.faq .item{width:100%;float:left}.benefits .img{margin-top:16px}}.tutorial{width:90%;margin-left:5%}
ol.gradient-list>li:before,ol.gradient-list>li{box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05),0 .5rem 1.125rem rgba(75,0,0,.05)}ol.gradient-list{counter-reset:gradient-counter;list-style:none;margin:1.75rem 0;padding-left:1rem}ol.gradient-list>li{background:#fff;border-radius:0 .5rem .5rem;counter-increment:gradient-counter;font-size:20px;font-weight:600;margin-top:1rem;min-height:3rem;padding:1rem 2rem 0 4rem;position:relative}ol.gradient-list>li:before,ol.gradient-list>li:after{background:linear-gradient(135deg,#11c5ff 0%,#83e4e2 100%);border-radius:1rem 1rem 0;content:"";height:3rem;left:-1rem;overflow:hidden;position:absolute;top:-1rem;width:3rem}ol.gradient-list>li:before{align-items:flex-end;content:counter(gradient-counter);color:#1d1f20;display:flex;font:900 1.5em/1 "Aileron";justify-content:flex-end;padding:.125em .25em;z-index:1}ol.gradient-list>li+li{margin-top:2rem}.reviews{display:flex;flex-flow:row wrap;justify-content:space-around;margin-bottom:24px}
.revcard{width:28%;color:#000;padding:1%;border:1px solid rgba(255,255,255,.25);border-radius:20px;background-color:#fff;box-shadow:0 0 10px 1px rgba(0,0,0,.25)}.revcard h3{margin-left:50px;font-weight:700;font-size:20px}.revcard p{font-weight:500;font-size:16px;margin-bottom:0}.revatar{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center center;background-color:#eee;transform:translateY(10px)}.revhead{display:flex;justify-content:center}@media only screen and (max-width:600px){.reviews{justify-content:center}.revcard{width:90%;margin-bottom:24px;float:left}}.wavy{margin:0}.waveheader{position:relative;text-align:center;background:linear-gradient(60deg,rgba(84,58,183,1) 0%,rgba(0,172,193,1) 100%);color:#fff}.wavelogo{width:50px;fill:#fff;padding-right:15px;display:inline-block;vertical-align:middle}.inner-waveheader{width:100%;margin:0;padding-top:64px}.waveflex{display:flex;justify-content:center;align-items:center;text-align:center}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}
.wavecontent{position:relative;height:4vh;text-align:center;background-color:#fff}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.wavecontent{height:3vh}.waveh1{font-size:24px}}