*{margin:0;padding:0}html,body{flex-flow:wrap;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;display:flex;overflow:hidden}html{background-color:#000}.webgl{z-index:-1;outline:none;position:fixed;top:0;left:0}.hero{z-index:1;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:scale(.75)}.circleText{fill:#ffcb1d;stroke:#000;stroke-width:2px;text-shadow:-1px 5px #000;text-box-edge:auto;text-box-trim:trim-both;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;font-family:Matemasie,sans-serif;font-size:110px;font-style:normal;font-weight:400;display:flex}.drop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000006;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}section{z-index:2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}p{color:#fff;width:60%;font-size:24px;line-height:1.8}.imagelogo{z-index:5;position:absolute}svg{will-change:transform;animation:36s linear infinite rotateCircle;transform:rotate(45deg)}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{z-index:4;background:#010718;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.perc{color:#ffcb1d;z-index:4;font-family:Matemasie,sans-serif;font-size:70px;font-style:normal;font-weight:400;position:absolute}.made{z-index:5;color:#ffcb1d;text-shadow:-3px 2px #00000096;width:max-content;font-family:Matemasie,sans-serif;font-size:16px;font-style:normal;font-weight:400;position:absolute;bottom:12px;right:20px}@media (width>=300px) and (width<=768px){.hero{z-index:1;flex-flow:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:scale(.55)}.drop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000006;border-radius:50%;justify-content:center;align-items:center;padding:10px;display:flex}}