@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,300;0,400;1,300&display=swap);*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.fp-tableCell{display:table-cell;vertical-align:baseline;width:100%;height:100%}body{font-size:16px;font-family:Roboto Mono,monospace;font-weight:100;color:#fff}.container{padding:0 20px;opacity:1;position:relative;top:0;left:0;z-index:5;width:100%;display:flex;align-items:center;justify-content:center}.container.landing{height:100vh}.container .section{position:relative;z-index:5;padding-top:3rem;padding-bottom:3rem;color:#fff;opacity:1}@media screen and (min-width:768px){.container .section{width:768px}}.container .section h1 span.thin{font-weight:100}.container .section h1 span.big{font-size:2.5rem}.container #socials{margin-top:1rem;display:flex;gap:1rem}.container #socials a .path{stroke-dasharray:100;animation:dash 5s linear infinite}.container #socials a:hover path{opacity:.6}.container #sections{display:flex;justify-content:space-between;gap:1rem;height:5rem}@media screen and (min-width:768px){.container #sections{align-items:center;width:50%}}@media screen and (max-width:767px){.container #sections{width:100%;flex-direction:column}}.container #sections div{padding:.5rem;background-color:hsla(0,0%,100%,0);color:#fff;cursor:pointer;position:relative;transition:color .1s ease-in}.container #sections div:before{content:"";width:100%;height:1px;background-color:hsla(0,0%,100%,.6);position:absolute;left:0;bottom:0;transition:height .1s ease-in}.container #sections div:hover{color:#000}.container #sections div:hover:before{height:40px}.container #sections div span{position:relative;z-index:1}.container.genart{text-align:center}.container.genart h2{margin-bottom:2rem}.container.genart a{color:#fff;transition:color .1 ease-in;text-decoration:none}.container.genart a:hover{text-decoration:underline;color:hsla(0,0%,100%,.7)}.container.genart .genartContainer{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center}@media screen and (min-width:768px){.container.genart .genartContainer{gap:4rem}}@media screen and (max-width:767px){.container.genart .genartContainer{gap:2rem}}.container.genart .genartContainer li{display:flex;flex-direction:column;align-items:center;justify-content:center}.container.genart .genartContainer li small{margin-right:auto}.container.genart .genartContainer img{margin-top:1rem}.container.genart.project .genartContainer img{margin-bottom:1rem}.container.genart.token .infoToken{margin-top:1rem;opacity:1;transition:opacity .2s ease;text-align:left}.container.genart.token .infoToken p{font-size:.875rem}.container.genart.token .infoToken p:first-child{white-space:pre-line;margin-bottom:1rem}.container.genart.token .infoToken a{display:block;color:#fff;margin-top:1rem}.squareContainer{width:100%;padding-top:100%;position:relative}.squareContainer .squareContainerContent{position:absolute;top:0;left:0;right:0;bottom:0}.squareContainer .squareContainerContent .artworkFrame{width:100%;height:100%;border:10px solid #fff;background-color:#fff;box-shadow:0 4px 25px -9px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;position:relative}.squareContainer .squareContainerContent .artworkFrame .iframeContainer{width:100%;height:100%;background-color:#fff;box-shadow:inset 0 0 0 1px #fff}.squareContainer .squareContainerContent .artworkFrame .iframeContainer iframe{width:100%;height:100%;border:none}@keyframes dash{to{stroke-dashoffset:1000}}.background{background-image:linear-gradient(180deg,#070916,#08082e,#072436,#07333c,#075851,#076766)}.background,.false-background{height:100vh;width:100vw;position:fixed;top:0;left:0}.false-background{background-image:linear-gradient(90deg,#070916,#08082e,#072436,#07333c,#075851,#076766);opacity:.5}.genart .paragraphs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width:767px){.genart .paragraphs{grid-template-columns:1fr}}.paragraphs p{margin-bottom:1rem;padding:.5rem;border-radius:5px;opacity:.8;font-size:.875rem;text-align:left}.paragraphs p:first-child{background-color:rgba(0,139,139,.7)}.paragraphs p:nth-child(2){background-color:rgba(75,0,130,.7)}.paragraphs p a{text-decoration:underline!important}#frontendcontainer{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:3vh}#frontendcontainer .item-container{margin-top:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width:767px){#frontendcontainer .item-container{grid-template-columns:1fr}}#frontendcontainer .item{animation:fadeInAnimation .5s ease-out;animation-iteration-count:1;animation-fill-mode:forwards;margin-bottom:50px;position:relative;overflow:hidden;border-radius:5px}#frontendcontainer .item h2,#frontendcontainer .item p{text-align:center}#frontendcontainer .item h2{margin:10px 0}#frontendcontainer .item .project-image{width:100%;height:auto;transition:transform .3s ease-in-out}#frontendcontainer .item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background:rgba(0,0,0,.7);color:#fff;opacity:0;transition:opacity .3s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center}#frontendcontainer .item .overlay .links{margin-top:15px;display:flex;justify-content:center;align-items:center}#frontendcontainer .item .overlay a{display:block;margin:0 10px;background-color:hsla(0,0%,100%,.7);border-radius:5px;color:#000;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out;padding:.2rem .5rem}#frontendcontainer .item .overlay a:hover{color:#076766;background-color:hsla(0,0%,100%,.95)}#frontendcontainer .item:hover{pointer-events:none;transform:scale(1.1)}#frontendcontainer .item:hover .overlay{opacity:1}#frontendcontainer .item:hover .project-image{transform:scale(1.1)}@media (max-width:768px){#frontendcontainer .item:hover .overlay{opacity:1}#frontendcontainer .item .overlay{opacity:0;transition:opacity .3s ease-in-out}#frontendcontainer .item .project-image{cursor:pointer}}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.effect-shine{-webkit-mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);mask-image:linear-gradient(-75deg,rgba(0,0,0,.6) 30%,#000 50%,rgba(0,0,0,.6) 70%);-webkit-mask-size:200%;mask-size:200%;animation:shine 4s infinite;animation-delay:2s}@keyframes shine{0%{-webkit-mask-position:150%;mask-position:150%}to{-webkit-mask-position:-50%;mask-position:-50%}}canvas{display:block}.breadcrumb[data-v-66da9926]{margin:10px 0 20px}@media screen and (max-width:768px){.breadcrumb ul[data-v-66da9926]{justify-content:center}}.breadcrumb ul[data-v-66da9926]{list-style:none;padding:0;margin:0;display:flex}.breadcrumb li[data-v-66da9926]{margin-right:5px}.breadcrumb li[data-v-66da9926]:last-child{margin-right:0}.breadcrumb a[data-v-66da9926]{font-size:.875rem;text-decoration:none;color:#fff;cursor:pointer;text-transform:capitalize;transition:color .1s ease-in}.breadcrumb a[data-v-66da9926]:hover{color:hsla(0,0%,100%,.7);text-decoration:none!important}