@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Roboto:wght@100;400;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;500&family=Montserrat:wght@500&family=Roboto:wght@100;400;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&family=Oxygen:wght@300;400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#section__contact{background-color:red}.footer{color:#fff;flex:3 1;height:100vh;padding-top:3em;position:relative;width:100%;z-index:100}.footer .footerbox{display:block;margin:0 auto;padding:0;text-align:center}.footer .footerbox h2{color:#fff;font-size:1.5em;font-weight:700}@media(max-width:540px){.footer .footerbox h2{font-size:1.4em}}.footer .footerbox .line{border-top:.2em solid #1a93d3;margin:0 auto;width:20%}@media(max-width:1030px){.footer .footerbox .line{width:70%}}@media(max-width:414px){.footer .footerbox .line{width:100%}}.footer .footerbox a{display:block;font-size:1em;padding:1em;text-decoration:none}.footer .footerbox .mail{display:inline-block;font-size:1.2em;height:100%}.footer .footerbox .mail span{font-size:1em;margin-left:.7em}.footer .footerbox a{color:#fff;cursor:pointer;pointer-events:auto;z-index:120}.footer .footerbox a span{margin-left:.7em;text-decoration:underline}.copyright{align-self:flex-end;flex:1 1;margin:0 auto;opacity:60%;text-align:center}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#262019;background:linear-gradient(180deg,#b7c8d7 0,#a7c3e3 100%,#8ba0b6 0,#0000);text-rendering:optimizeLegibility}body:after{background-image:url(https://thumbs.dreamstime.com/b/white-noise-background-effect-sound-effect-grain-distress-overlay-texture-your-design-grainy-gradient-background-145456887.jpg);content:"";height:100%;left:0;opacity:7%;pointer-events:none;position:fixed;top:0;width:100%;z-index:999}.gradientXL:before{background:radial-gradient(circle at 30% 900px,hsla(192,6%,47%,.867),#0000,#79a6c34f,hsla(8,15%,89%,.784))}.Section{color:#fff;padding:0}@media(max-width:540px){.Section{padding:0}.Section .flex__box.text{padding:0;transition:.2s;width:40%}}.Section .button__work{border-radius:0;font-weight:bolder;padding:.3em}.Section .button__work span{border-radius:0;display:inline-block;padding:0}section:first-of-type{max-width:100vw;overflow:hidden;padding:0}@media(max-width:1030px){section:first-of-type{padding:0}section:first-of-type .tag-containers span,section:first-of-type .tag-containers>p{font-size:.9em}}section:nth-of-type(2){min-height:90vh;padding:0 2em}section:nth-of-type(3){background:linear-gradient(0deg,#080e2d 1%,#0b101c 30%,rgba(2,35,65,.945) 99%,#0000);color:#fff;display:flex;flex-direction:column;max-width:100vw;min-height:80vh;overflow:hidden;padding:7em 0}nav{color:#2c2a2a;position:fixed;text-align:right;width:100%;z-index:1}@media(max-width:414px){nav{text-align:center}}.active{color:#a9adff;font-weight:700}nav>div{cursor:pointer;display:inline-block;padding:1em 4em}nav>div:hover{color:#a9adff;font-weight:700;text-decoration:underline}@media(max-width:414px){nav>div{padding:1em}}h1{font-family:roboto,arial;font-size:1.5em;line-height:0em}@media(max-width:768px){h1{font-size:1.6em}}h2{font-family:montserrat,sans-serif}@media(max-width:768px){h2{font-size:1.2em}}p{font-family:roboto,arial;font-size:.8em;line-height:2em}@media(max-width:414px){p{font-size:.9em}}#home h1,#works h2,.copyright h1{color:#dfdada;font-family:Crimson;font-size:1.8em;font-weight:500;text-transform:lowercase}#works span{font-size:.8em}#home span,.copyright span,span.oxygen{display:block;font-family:Oxygen;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.paragraph{align-items:center}#home p{font-size:.8em;font-weight:400}#home h1{color:#fff;padding:0}#home .crumb{color:#3d0909;font-size:.8em;font-weight:700}.tag-containers p{padding:0 20vw}@media(max-width:1030px){.tag-containers p{padding:0 10vw}}@media(max-width:540px){.tag-containers p{padding:0}}.tag-containers{padding:0 20em}@media(max-width:1030px){.tag-containers{padding:0 5em}}@media(max-width:540px){.tag-containers{padding:0}}#home p{color:#2e3a41;padding-bottom:5em}#home p,#works p{font-size:.9em;font-weight:500}#works p{color:#050708}#home span,#works span{color:#4c0000;font-size:.9em;font-weight:900;letter-spacing:.1em}#home h1,#works h2{color:#282c2c;font-size:2.9em;font-weight:10}.button__work span{color:#fff}#works .btn{background-color:#2e313e;border:0 solid #ede4e4;color:#c0c6cc!important;color:#492828;display:inline-block;font-family:oxygen;font-size:.8em;font-style:normal;font-weight:600;letter-spacing:.2em;margin:.4em;padding:.4em .7em;text-align:center}p{line-height:1.8em!important}@media(max-width:540px){#home h1,#works h2{color:#282c2c;font-size:2.5em;font-weight:10}#home span,#works span{color:#4c0000;font-size:.8em;font-weight:900;letter-spacing:.1em}}#home p,#works p,.copyright p{color:#0b0a0a!important;font-family:Oxygen;font-size:.8em;font-weight:600!important}.copyright p{color:#fff!important}.copyright h1{font-size:2.7em;font-weight:300!important}#home span,#works span{background-image:linear-gradient(30deg,#48140f,#694340,#8e0b0b)}#home p,#home span,#works p,#works span{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;color:#0000}#home p,#works p{background-image:linear-gradient(90deg,#1a1636,#213437,#050934)}#works h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#282a37,#3a4154,#292a3f);color:#0000}.button__work{border:.1em solid #a9adff;border-radius:.3em;color:#a9adff;cursor:pointer;display:inline-block;margin-top:3em;padding:1.2em 2em;text-transform:lowercase}.button__work,.front{position:relative;z-index:100}#home{text-align:center}#home .flex{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding-top:0;z-index:1}@media(max-width:1030px){#home .flex{flex-direction:column}#home .flex .flex__box.text svg{padding:0;transition:.2s;width:50%}}#home .flex .text h1{line-height:100%}#home .flex .paragraph{text-align:center;width:100%}@media(max-width:1030px){#home .flex .paragraph{width:100%}#home .flex .paragraph .tag-containers{background:#92ba9800!important;color:#92ba98;padding:3em 1em}}@media(max-width:414px){#home .flex .paragraph{padding:0;width:100%}}#home .flex__tiny{border-left:.1em solid gray;flex:.1 1;height:3em;margin:0 auto;width:0}.works{color:#141111;column-gap:1em;justify-content:space-between;row-gap:6em;width:100%}.card,.works{display:flex;flex-direction:column}.card{align-items:center;border-radius:0 0 1em 1em;border-radius:0;margin:0 auto;padding:4em;position:relative;text-align:center;width:60%}@media(max-width:1030px){.card{width:80%}}@media(max-width:540px){.card{padding:1em;width:90%}}.card p{line-height:2em}.card p span{font-weight:700;margin-left:.2em}.card__text .tag-container{flex-direction:row}.card h2{border:0 solid rgba(232,113,16,.378);color:#08111f;display:inline;font-size:1.1em;font-weight:900;padding:1em 0;text-transform:uppercase}@media(max-width:540px){.card h2{font-size:1.2em}}.card a{color:#11201b;display:block;font-size:.9em;font-style:italic;font-weight:800;margin-bottom:2em;margin-top:2em;text-decoration:none;text-transform:uppercase}@media(max-width:540px){.card a{margin-top:2em}}.card__button{border:0 solid #a9adff;border-radius:.3em;color:#c4c2cb;cursor:pointer;display:inline-block;font-size:.8em;font-weight:bolder;margin-top:1em;padding:1.2em 2em}@media(max-width:540px){.card__button{margin-top:1em}}.card img{border-radius:0;filter:grayscale(0);width:50%}@media(max-width:1030px){.card img{width:80%}}@media(max-width:540px){.card img{width:90%}}.modal{background-color:#151525;border:1px solid #2e2f4a;border-radius:.1em;border-radius:.8em;color:#fff;display:fixed;height:90vh;margin:0 auto;opacity:100%;outline:none;overflow:scroll;padding-bottom:1em;position:relative;top:50%;transform:translateY(-50%);vertical-align:initial;width:70%;z-index:7000}.modal a{text-decoration:none}@media(max-width:540px){.modal{max-height:calc(100vh - 100px);width:80%}}.modal .modalbox{height:80vh;margin:0 auto;overflow:scroll;padding:2em 0;position:relative;text-align:left;top:50%;transform:translateY(-50%);vertical-align:initial;width:100%}.modal .modalbox .textbox{margin:0 auto;width:90%}.modal .modalbox img{padding-bottom:2em;text-align:center;width:70%}.modal .modalbox .modallinks a{color:#fff;display:inline-block;font-size:.8em;font-style:italic;font-weight:700;margin-bottom:2em;padding:0 1em;text-decoration:none}.modal .modalbox .modallinks a:last-child{padding-left:2em}.visit,.visit a{color:#fff}.visit a{font-style:normal;margin:0;padding:0}.red{border:none;margin-top:0;padding-top:0}#home .flex{padding-bottom:0;padding-top:3em;width:100%}#home{margin:0;padding-bottom:0}#works{margin:0;padding-bottom:5em;padding-top:0}.animate-box{position:relative;top:-1em;width:100%}.animate-box div{position:absolute}.animate-two{animation-fill-mode:both;animation:example 30s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-two div{height:300px;position:relative;width:300px}.animate-two div,.animate-two div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000)}.animate-two div:nth-of-type(2){height:10px;width:10px}.animate-three{animation-fill-mode:both;animation:example 10s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-three div{background-image:radial-gradient(farthest-side,#c7de74,rgba(56,90,100,.625) 1px,#0000);height:20px;position:relative;width:20px}.animate-three div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(57,195,237,.625) 5px,#0000);height:400px;width:400px}.animate-three div:nth-of-type(3){background-image:radial-gradient(farthest-side,#e3e488,rgba(95,198,230,.625) 5px,#0000);height:200px;width:200px}.animate-four{animation-fill-mode:both;animation:example 30s linear infinite;display:flex;justify-content:space-between;margin:0 auto;width:90%}.animate-four,.animate-four div{border-radius:50%;position:relative}.animate-four div{height:400px;width:400px}.animate-four div,.animate-four div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000)}.animate-four div:nth-of-type(2){height:200px;width:200px}.animate-four div:nth-of-type(3){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}.animate-five{animation-fill-mode:both;display:flex;justify-content:space-between;margin:0 auto;width:90%}.animate-five,.animate-five div{animation:example 10s linear infinite;border-radius:50%;position:relative}.animate-five div{height:400px;width:400px}.animate-five div,.animate-five div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000)}.animate-five div:nth-of-type(2){height:200px;width:200px}.animate-five div:nth-of-type(3){animation:example 10s linear infinite;background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}.animate-six{animation-fill-mode:both;animation:example 30s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;position:absolute;width:90%}.animate-six div{background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:300px;position:relative;width:300px}.animate-six div:nth-of-type(2){animation:example 9s linear infinite}.animate-six div:nth-of-type(2),.animate-six div:nth-of-type(3){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}.animate-six .animate-seven{animation-fill-mode:both;animation:example 100s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;position:absolute;width:90%}.animate-six .animate-seven div{height:300px;position:relative;width:300px}.animate-six .animate-seven div,.animate-six .animate-seven div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000)}.animate-six .animate-seven div:nth-of-type(2){height:500px;width:500px}.animate-six .animate-seven div:nth-of-type(3){background-image:radial-gradient(farthest-side,#fff,rgba(97,141,154,.625) 1px,#0000);height:100px;width:100px}.animate-box-home{display:flex;justify-content:space-between;position:relative;top:-1em;width:100%}.animate-box-home div{position:absolute}.animate-box-home .animate-one{animation-fill-mode:both;animation:example 300s linear infinite;border-radius:0;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-box-home .animate-one div{background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.866),rgba(255,72,72,.388) 1px,#00346f00);height:0;position:relative;width:0}.animate-box-home .animate-one div:nth-of-type(2){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.866),#dbb6a9 1px,#00346f00);height:80px;width:80px}.animate-box-home .animate-two{animation-fill-mode:both;animation:example 300s linear infinite;border-radius:0;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-box-home .animate-two div{animation:example 20s linear infinite;background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.548),rgba(56,90,100,.625) 1px,#00346f00);height:50px;width:50px}.animate-box-home .animate-two div:nth-of-type(2){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.593),rgba(56,90,100,.625) 1px,#00346f00);height:100px;position:relative;width:100px}.animate-box-home .animate-two div:nth-of-type(3){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.426),rgba(56,90,100,.625) 1px,#00346f00);height:200px;position:relative;width:200px}.animate-box-home .animate-two div:nth-of-type(4){animation:example 40s linear infinite;background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.441),rgba(111,43,83,.749) 1px,#00346f00);height:20px;position:relative;width:20px}.animate-box-home .animate-two div:nth-of-type(5){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.437),rgba(27,73,46,.625) 1px,#00346f00);height:200px;margin-left:20em;width:200px}.animate-box-home .animate-two{animation:example 30s linear infinite}.animate-box-home .animate-three{animation-fill-mode:both;animation:example 300s linear infinite;border-radius:0;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-box-home .animate-three div{background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.503),rgba(56,90,100,.625) 1px,#00346f00);height:50px;width:50px}.animate-box-home .animate-three div:nth-of-type(2){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.493),rgba(56,90,100,.625) 1px,#00346f00);height:10px;width:10px}.animate-box-home .animate-three div:nth-of-type(3){background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.449),hsla(0,0%,100%,.257) 0,#00346f00);height:20px;width:20px}.animate-box-home .animate-four{animation-fill-mode:both;animation:example 300s linear infinite;border-radius:0;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-box-home .animate-four div{background-image:radial-gradient(farthest-side,hsla(0,0%,100%,.493),hsla(26,71%,88%,.625) 40px,#0000);height:300px;width:300px}.animate-box-home .animate-four div:nth-of-type(2){background-image:radial-gradient(farthest-side,rgba(220,107,46,.548),hsla(26,71%,88%,.625) 40px,#0000);height:100px;width:100px}.animate-box-home .animate-four div:nth-of-type(3){background-image:radial-gradient(farthest-side,hsla(0,15%,65%,.638),rgba(104,65,36,.625) 40px,#0000);height:100px;width:100px}.animate-box-home .animate-five{animation-fill-mode:both;animation:example 20s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;width:90%}.animate-box-home .animate-five div{animation:example 10s linear infinite;border-radius:50%;height:400px;width:400px}.animate-box-home .animate-five div,.animate-box-home .animate-five div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);position:relative}.animate-box-home .animate-five div:nth-of-type(2){height:200px;width:200px}.animate-box-home .animate-five div:nth-of-type(3){animation:example 40s linear infinite;background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}.animate-box-home .animate-six{animation-fill-mode:both;animation:example 100s linear infinite;border-radius:50%;display:flex;justify-content:space-between;margin:0 auto;position:relative;position:absolute;width:90%}.animate-box-home .animate-six div{background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:300px;position:relative;width:300px}.animate-box-home .animate-six div:nth-of-type(2){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:500px;width:500px}.animate-box-home .animate-six div:nth-of-type(3){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}.animate-box-home .animate-seven{animation-fill-mode:both;animation:example 300s linear infinite;border-radius:0;display:flex;justify-content:space-between;margin:0 auto;position:relative;position:absolute;width:90%}.animate-box-home .animate-seven div{background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:300px;position:relative;width:300px}.animate-box-home .animate-seven div:nth-of-type(2){animation:example 9s linear infinite}.animate-box-home .animate-seven div:nth-of-type(2),.animate-box-home .animate-seven div:nth-of-type(3){background-image:radial-gradient(farthest-side,#fff,rgba(56,90,100,.625) 1px,#0000);height:100px;width:100px}@keyframes example{0%{bottom:0;left:0;opacity:60%}10%{bottom:100px;left:0;opacity:10%}50%{bottom:500px;left:0;opacity:30%}to{bottom:1000px;left:0;opacity:10%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h1{border-bottom:0 solid #292c31;color:#2c1616;font-size:1.2em;font-weight:900;padding:.7em}.tag-containers{padding-top:4em}.tag-containers>p{font-size:.9em;font-weight:400}.tag-container span{line-height:1.5em}.tag-container h2{color:#fff;font-weight:0}@keyframes animateDash{to{stroke-dashoffset:0}}.tag-containers{color:#ddcece!important;font-weight:800;margin-top:4em;padding:5em 2em}h2{border-bottom:0 solid #292c31;color:#2c1616;font-weight:900;padding:0}.visit,h2{font-size:.9em}.visit{border:.4em solid #600e0ea8;border-radius:0;color:rgba(0,0,0,.819);font-family:Courier New,Courier,monospace;padding:.5em}.copyright h1,.copyright p{color:#fff;font-weight:900;padding:0;z-index:1}.copyright h1{padding-bottom:0}.copyright p{padding-bottom:4em}.copyright span{font-size:.9em}.copiright{opacity:100%;z-index:1}.flex__box.text svg{shape-rendering:crispEdges;height:30%;padding:0;width:50%}.flex__box{padding:0;transition:.2s}.code p,.code span{color:#c2bbbb;font-size:.8em;line-height:1em;padding:0}.code{padding-top:3em;width:100%}.code h3{background-color:#000;color:#556892;font-size:.8em;padding:.3em}.code span{color:#348bc8;display:block;font-weight:900}.codes{color:#348bc8;font-weight:500;width:100%}.codes span{display:block;font-size:.8em}.tag-container h2,.tag-containers p{font-size:.8em;padding-top:0}.tag-containers p{color:#b2cdbe;font-weight:600;padding-bottom:2em;z-index:1}.paragraph h1{color:#041429;padding-top:0;text-transform:uppercase}.shsh{color:#610303}.modalbox h2{color:#fff}.flex__box.paragraph{margin:0;padding:0}.tag-containers{margin:2em 0 0;padding:7em 0}.button__work{border:.2em solid #501503;color:#000!important}.button__work span{color:#620101!important;font-size:.9em!important}.knappppp{align-items:center;display:flex;flex-direction:column;gap:0}
/*# sourceMappingURL=main.d62f1dee.css.map*/