*{margin:4px;padding:0;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}html,body{background-color:#242424}.webgl{z-index:10;outline:none;position:fixed;top:0;left:0}div{flex-direction:column;gap:14px;max-width:290px;display:flex}h1{color:#8c8c8c;font-family:Montserrat;font-size:128px}h2{color:#dfe0e1;font-size:32px}p{color:#dfe0e1;line-height:24px}#material{position:fixed;top:20%;left:45%}#features{position:fixed;top:70%;left:70%}#sole{position:fixed;top:70%;left:25%}.loading-container{transform-origin:0 0;width:100%;position:absolute;top:50%;left:45%}.loading{transform-origin:0 0;will-change:transform;background:#646cff;height:2px;transition:transform .5s ease-in-out;transform:scaleX(0)}@media (width<=768px){h1{font-size:52px}h2{font-size:20px}p{line-height:20px}#material{top:20%;left:4px}#features{display:none}#sole{top:75%;left:4px}.loading-container{left:4px}}@media (width>=768px) and (width<=1268px){h1{font-size:96px}h2{font-size:24px}#material{top:40%;left:4px}#features{top:40%}#sole{top:75%}.loading-container{left:35%}}