@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);#animation{width:100%;height:100vh;margin:0;padding:0;position:absolute;left:0;top:0}body{margin:0;--color-text:#fff;--color-link:#000;--color-link-hover:#000;--color-menu:#000;--fontsize-menu:6px;--font-menu:titling-gothic-fb,sans-serif;color:var(--color-text);background-color:var(--color-bg);font-family:nimbus-sans-extended,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}main{position:relative;z-index:1000;padding:0}.menu{width:100%;display:grid;z-index:1}.menu__item{border:none;transition:none;cursor:pointer;position:relative}.menu__text{fill:#fff;display:block;font-family:var(--font-menu);font-weight:700;position:absolute;width:100%;pointer-events:none;height:-webkit-fill-available}.menu__text text{font-size:10px;transform-origin:50% 50%;transform-box:view-box;font-family:"Roboto Slab";font-style:normal;font-weight:900;text-transform:uppercase;transition:fill 1s ease-out .2s;letter-spacing:.06em}.menu__text text:nth-child(2){opacity:0}main{position:fixed;z-index:100;top:0;left:0;display:grid;justify-items:center;width:100%;height:100vh;grid-template-columns:33.3% 33.3% 33.3%;grid-template-rows:auto 10vh auto 2fr 5rem;grid-template-areas:"title text-menu text-subscribe" "... ... ..." "links menu menu" "demos menu menu" "credits ... ..."}.menu{position:relative;grid-area:menu}.menu__text .second-text-svg{font-size:5px}.animationBackground{position:absolute;height:100%;width:100%;z-index:0;transition:all 1s ease-out .2s;opacity:0}.animationBackground.active{opacity:1}.gradient-1{background:linear-gradient(180deg,#e0046b,#84173b 50.25%,#4d221e)}.gradient-2{background:linear-gradient(180deg,#ccfb83,#5dd4ab 50.25%,#08b6c9)}.gradient-3{background:linear-gradient(180deg,#8b5bfe,#5796ee 50.25%,#1adadc)}.gradient-4{background:linear-gradient(180deg,#e336f4,#f04e85 50.25%,#fe690c)}.gradient-5{background:linear-gradient(180deg,#3f2967,#396b7c 50.25%,#30ba95)}.gradient-6{background:linear-gradient(180deg,#f06c68,#f4947f 50.25%,#fad0a3)}.gradient-1-text .menu__text text,.gradient-2-text .menu__text text,.gradient-3-text .menu__text text,.gradient-4-text .menu__text text,.gradient-5-text .menu__text text,.gradient-6-text .menu__text text{fill:#fff}.menu-left{position:absolute;top:20px;left:-400px}#animation canvas{opacity:.5}@media (max-width:800px){.menu{left:-70px}.menu-left svg{width:128px;height:auto}.menu-left{left:0;top:-170px}main{grid-template-rows:auto 30vh auto 2fr 10rem}}
/*# sourceMappingURL=main.dad7dd1b.chunk.css.map */