:root{--base-width:70px;--color0:#000;--color1:#575979}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Sans-Serif;font-size:12px}a{color:#000;cursor:pointer;text-decoration:underline}ul{list-style-type:none}.noselect{-webkit-user-select:none;user-select:none}#user-btn{position:relative}#user-btn .icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center}#user-btn .icon>div{color:#000;display:none;font-weight:700;height:30px;line-height:30px;text-align:center;width:30px}#user-btn .profile-pic{align-items:center;border:2px solid #000;border-radius:100px;display:none;justify-content:center}#user-btn.email-verify-mode .profile-pic,#user-btn.user-mode .profile-pic{display:flex}#user-btn.login-mode .anonymous-pic,#user-btn.signup-mode .anonymous-pic{display:block}#user{background:#fff;border-radius:20px;box-shadow:0 0 20px rgba(0,0,128,.1);display:none;left:0;padding:20px;position:absolute;top:50px;width:300px;z-index:100}#user.show{display:block}#user .error{color:red;height:20px;margin-bottom:20px;margin-top:20px;padding:0 10px}#menu{display:none;width:100%}#user-btn.user-mode #menu{display:block}#menu li{padding:20px}#login{display:none}#user-btn.login-mode #login,#user-btn.signup-mode #login{display:block}#login .header{font-size:1.3em;font-weight:700;margin-bottom:20px;text-align:center}#login .header:after{content:"Login"}#user-btn.signup-mode #login .header:after{content:"Signup"}#login .field{padding-bottom:10px}#login .label{padding:0 10px}#login .field input{border:1px solid #ccc;border-radius:100px;font-size:1.1em;margin-top:5px;outline:none;padding:5px 15px;width:100%}#login .field input[type=email]:focus,#login .field input[type=password]:focus{border:2px solid #000;margin-top:3px}#login #terms-agree{display:none;padding:0 10px}#user-btn.signup-mode #terms-agree{display:block}#login #terms-agree input[type=checkbox]{margin-right:10px;width:auto}#login #password-confirm{display:none}#user-btn.signup-mode #password-confirm{display:block}#login .forgot{margin-left:10px}#user-btn.signup-mode .forgot{display:none}#login .form .button{background:#000;border:0;border-radius:100px;color:#fff;cursor:pointer;margin-bottom:15px;padding:12px;text-align:center;width:100%}#login .form .button:after{content:"Login"}#user-btn.signup-mode #login .form .button:after{content:"Signup"}#login .footer{padding:30px 0;text-align:center}#login .login-toggle{display:none}#login .signup-toggle,#user-btn.signup-mode .login-toggle{display:block}#user-btn.signup-mode .signup-toggle{display:none}.logout svg{float:right}#menu .username{float:left;line-height:24px;width:50%}#menu .logout{float:right;width:50%}#email-verif{display:none}#user-btn.email-verify-mode #email-verif{display:block}#email-verif .header{font-weight:700;padding-bottom:20px;text-align:center}#email-verif .email{font-weight:700}#email-verif .button{background:#000;border-radius:100px;color:#fff;cursor:pointer;display:block;font-weight:700;height:30px;line-height:30px;margin:30px 0;text-align:center;width:100%}#email-verif .logout{float:right}body{overflow:auto;padding-bottom:100px;width:100%}a{color:#4200ff}h1{font-size:5em}h1,h3{display:block;margin-bottom:15px}h3{font-size:3em}header{padding:30px;width:100%}header #logo{align-items:center;border-radius:100px;color:#000;display:flex;float:left;font-size:1.3em;font-weight:900;justify-content:center;padding:4px 15px}header #logo .beta{background:#111;border-radius:100px;color:#fff;font-size:.8em;margin-left:10px;padding:2px 10px}header #user-btn{float:right}.section{margin:0 auto 100px;overflow:hidden;padding:0 30px;width:100%}.section p{color:#666;font-size:1.5em;line-height:150%}#user{left:auto;right:0}#splash{margin:0;overflow:hidden;padding:100px 30px;position:relative;text-align:center}#splash .text,#splash.section{width:100%}#splash h1{font-size:5em;margin-bottom:20px}#splash h1,#splash h2{display:block;width:100%}#splash h2{color:#333;display:block;font-size:1.5em;font-weight:400;line-height:150%;margin:0 auto 40px;width:80%}#splash .image{border-radius:10px;display:none;max-height:100%;overflow:hidden;position:absolute;right:30px;z-index:-1}#splash img{display:block;width:100%}.studio-launcher{width:100%}.studio-launcher .btn{align-items:center;border-radius:100px;cursor:pointer;display:inline-flex;font-size:1.3em;height:60px;justify-content:center;margin:20px 20px 0 0;width:250px}.studio-launcher .btn svg{height:50px;margin-right:10px}.studio-launcher input{display:none}.studio-launcher #upload-btn{background:#4200ff;color:#fff;font-weight:700}.studio-launcher #screenshot-btn{border:2px dashed #000}.studio-launcher #info{float:left;margin-top:15px;width:100%}#mobile-warning{background:#111;border-radius:10px;color:#fff;display:none;height:250px;left:30px;padding:30px;position:fixed;right:30px;top:calc(50% - 125px)}#mobile-warning.show{display:block}#mobile-warning b{display:block;margin-bottom:30px}#mobile-warning p{font-size:1em}#mobile-warning a{bottom:30px;position:absolute;right:30px}#mobile-warning .ok-btn{background:#fff;border-radius:100px;color:#000;display:block;float:right;font-weight:700;margin-top:30px;padding:10px;text-decoration:none}#ui{padding:30px}#ui img{border-radius:20px;box-shadow:0 0 30px rgba(0,0,128,.2);display:block;width:100%}#features h3 span{display:inline-block;margin-right:20px}#features h3 img{height:15px;width:15px}#features ul{display:inline-block}#features p{margin-bottom:50px}#features .legend{align-items:bottom;font-size:.25em}#features .legend,#features .legend>div{display:inline-flex;gap:10px;justify-content:center}#features .legend>div{align-items:center;border-radius:100px;margin-right:20px;padding:5px 10px}#features .done{border:1px solid #000}#features .doing{border:1px dashed #444;color:#444}#features .todo{border:1px solid #fff;color:#aaa}#features li{align-items:center;border-radius:100px;display:inline-flex;font-weight:700;gap:10px;height:40px;justify-content:center;margin:10px 20px 10px 0;padding:10px 15px;vertical-align:middle}#testimonials li{bottom:1px solid #ccc;float:left;margin-bottom:20px;padding:20px;width:100%}#testimonials .author{color:#000;display:block;text-decoration:none}#testimonials .author img{border-radius:100px;float:left;height:30px;margin-right:10px;width:30px}#testimonials .author .name{font-weight:700}#testimonials .card p{color:#000;font-size:1.5em;padding-top:10px}#cta{background:#111;color:#fff;padding:50px;text-align:center}#cta #upload-btn{background:#fff;border:2px solid #000;color:#000}#cta #upload-btn svg{fill:#000}#cta .screenshot-btn svg{fill:#fff}footer{font-size:1.3em;margin:100px auto 0;padding:30px}footer ul{margin-bottom:70px}footer li{margin-bottom:20px}footer #disclaimer{line-height:23px}footer #disclaimer img{border-radius:100px;float:left;height:40px;margin-right:15px;width:40px}footer #copyright{color:#888}@media only screen and (min-width:540px){h1{font-size:7em}h2{font-size:1.4em}h3{font-size:3em}.section{width:80%}#cta{padding:100px;width:100%}footer{font-size:1em}footer ul{float:right;width:33%}}@media only screen and (min-width:800px){#splash.section{margin-bottom:0}#splash{margin:0 auto;width:80%}#splash h1{font-size:8em}#splash h2{padding-right:30px}h3{font-size:4em}#features li{padding:15px 20px}#testimonials ul{display:flex;gap:20px}#testimonials li{width:33%}footer{width:80%}#splash h2{width:50%}}@media only screen and (min-width:1600px){h3{font-size:5em}.section,header{padding:30px}#splash h1{font-size:10em}}