@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";#app{opacity:0;transition:opacity 1.5s}#webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;outline:none;z-index:-1}.loadingBar{position:fixed;top:50%;left:0;height:5px;width:100vw;transform:scaleX(.3);transform-origin:top left;transition:transform .5s ease-out;will-change:transform;background-color:#fff}.loadingBar.ended{transform:scaleX(0);transform-origin:100% 0;transition:transform .5s ease-in-out}.description-page{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:5vh;font-size:1.2rem;-webkit-user-select:none;user-select:none}.description-page article{width:90%}@media (min-width: 1024px){.description-page{max-width:50%;font-size:1.5rem;align-items:start}}.homepage{height:100vh;display:flex;flex-direction:column;align-items:center;padding-top:20vh}.homepage .hero{width:100vw;display:flex;flex-direction:column;align-items:center;font-size:2.7rem;-webkit-user-select:none;user-select:none}.homepage .hero h1{text-align:center}.homepage .hero .controls{font-size:1rem;margin-bottom:5vh;margin-top:1vh}.btn_buy{text-decoration:none;font-size:1rem;border:2px solid white;border-radius:10px;padding:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .3s,background-color .3s;will-change:color,background-color}.btn_buy:hover{background-color:#fff;color:#000}@media (min-width: 768px){.homepage .hero{font-size:3.2rem}}.custom-page{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:end}.custom-page article{padding:1rem;margin-bottom:6vh;border-radius:5px;width:80%}.custom-page article .price{text-align:center;color:#fff;font-size:4rem;margin-bottom:2rem;font-family:Helvetica,Arial,sans-serif;-webkit-user-select:none;user-select:none}.custom-page article .custom-color{width:100%;display:flex;justify-content:center;margin-bottom:4vh}.custom-page article .custom-color .container-color{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.custom-page article .custom-color .container-color .color-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:50px;height:50px;border:none;cursor:pointer}.custom-page article .custom-color .container-color .color-input::-webkit-color-swatch{border-radius:50%;border:1px solid white}.custom-page article .custom-color .container-color .color-input::-moz-color-swatch{border-radius:50%;border:1px solid white}.custom-page article .custom-color .container-color .color-label{margin-top:5px;text-transform:capitalize;cursor:pointer}.custom-page article .btn-container{display:flex;justify-content:center;align-items:center}.header{background:transparent;height:10vh;width:100vw;position:fixed;top:0}.header .container-logo{width:100%;display:flex;justify-content:center}.header .container-logo .logo{display:block;width:fit-content;text-decoration:none;font-size:5vh;text-align:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.header .container-logo .logo img{height:20vh;filter:invert(1)}@media (min-width: 768px){.header .container-logo{display:block}.header .container-logo .logo{text-align:left;margin-left:5vh}}#footer{height:10vh;width:100%;padding-top:4vh;border-top:1px solid white}#footer .yes{width:100%;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin-bottom:2rem}#footer .sitemap{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;row-gap:.5rem}#footer .logo-container{width:fit-content}#footer .logo-container .logo{height:10vh;filter:invert(1)}#footer .credit{width:100%;text-align:center;margin-bottom:15px}@media (min-width: 768px){#footer .yes{flex-direction:row;justify-content:space-around}#footer .logo{height:20vh}}*{margin:0;padding:0;color:#fff;font-family:Libre Franklin,sans-serif}html{scroll-behavior:smooth}body{display:flex;justify-content:center;overflow:hidden}#app{max-width:1500px}