@import url("https://fonts.googleapis.com/css?family=Sulphur+Point&display=swap");#root,body,html{width:100%;height:100%;margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}#root{overflow:auto}*,:after,:before{box-sizing:border-box}:root{font-size:20px}::-moz-selection{background:#2ddab8;color:#fff}::selection{background:#2ddab8;color:#fff}body{margin:0;padding:0;background:#0c0f13;overflow:hidden;font-family:Sulphur Point,sans-serif;color:#fff;font-size:.9rem;cursor:url(https://raw.githubusercontent.com/chenglou/react-motion/master/demos/demo8-draggable-list/cursor.png) 39 39,auto}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");@import url("https://rsms.me/inter/inter.css");html{font-family:Manrope,sans-serif}@supports (font-variation-settings:normal){html{font-family:Manrope,sans-serif}}*{max-width:100%;box-sizing:border-box}#main,#root,body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:#f0f0f0;font-family:Manrope,sans-serif}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;animation:fade-in 1s ease .3s forwards}header{display:flex;justify-content:space-between;width:100%;padding-top:40px;align-items:center;position:fixed}header p{font-weight:700;font-size:1.5 rem;transition:all 1.2s ease-out}p{font-weight:500;font-size:18px}header p.hidden{opacity:0}section{position:absolute;top:0;left:0;display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%;width:100%;z-index:1}.section--container.hidden{visibility:hidden;opacity:0}.section--container h1{font-weight:900;font-size:32px}.section--container h1,.section--container h2{line-height:3rem;font-family:Manrope,sans-serif}.section--container h2{font-weight:200;font-size:2rem}h2{font-weight:400;font-size:.8rem;line-height:1.4rem;font-family:Manrope,sans-serif}.section--container h3{font-size:.8rem}.section--container h3,.section--container h4{font-weight:600;line-height:2rem;font-family:Manrope,sans-serif}.section--container h4{font-size:1.3rem}.support--content{position:relative;top:-25%;left:300px}.support--content p{width:200px;margin-bottom:48px;line-height:1.5rem}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-100}button{color:#46c800;font-weight:bolder;pointer-events:all;cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;display:flex;align-items:center;gap:15px;padding:15px 30px;z-index:100}button:hover{box-shadow:inset 250px 0 0 0 #46c800;transform:scale(1.1);color:#fff}.icon-button{color:#fff;font-weight:bolder;pointer-events:all;cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;display:flex;align-items:center;gap:15px;padding:15px 30px;z-index:100}.icon-button:hover{transform:scale(1.1);color:#fff}.customizer{display:flex;justify-content:flex-end;flex-direction:column;align-items:center;height:100%;width:100%;margin-bottom:25px}.customizer span{font-size:1.5rem;font-weight:700;cursor:pointer}.customizer span svg{width:24px}.share{bottom:40px;right:40px}.share,.zoom{position:absolute}.zoom{right:20px;top:50%;color:#00000056;font-size:.6rem;border:1px solid #00000000;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:border,color 1s ease}.zoom:hover{color:#000}.picker{position:absolute!important;bottom:4em;left:50%;transform:translateX(-50%);width:120px!important;height:120px!important}.color-options{display:flex;gap:10px;margin-bottom:20px}.circle{width:30px;height:30px;transition:transform .6s cubic-bezier(.85,0,.15,1)}.circle:hover{transform:scale(1.2);cursor:pointer}.upload{margin-top:-5px;cursor:pointer}.upload:hover{color:#fff}.exit{position:absolute;top:40px;right:18px;background-color:#000}@media screen and (max-width:600px){.section--container h1{font-size:32px;line-height:3rem}.color-options{margin-bottom:20px;flex-direction:column;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.support--content{top:-10%;left:0}}b{font-weight:800!important}