@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css?family=Cabin:400";.wallet-adapter-button{background-color:transparent;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:48px;padding:0 24px;border-radius:4px}.wallet-adapter-button-trigger{background-color:#512da8}.wallet-adapter-button:not([disabled]):focus-visible{outline-color:#fff}.wallet-adapter-button:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-button[disabled]{background:#404144;color:#999;cursor:not-allowed}.wallet-adapter-button-end-icon,.wallet-adapter-button-start-icon,.wallet-adapter-button-end-icon img,.wallet-adapter-button-start-icon img{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.wallet-adapter-button-end-icon{margin-left:12px}.wallet-adapter-button-start-icon{margin-right:12px}.wallet-adapter-collapse{width:100%}.wallet-adapter-dropdown{position:relative;display:inline-block}.wallet-adapter-dropdown-list{position:absolute;z-index:99;display:grid;grid-template-rows:1fr;grid-row-gap:10px;padding:10px;top:100%;right:0;margin:0;list-style:none;background:#2c2d30;border-radius:10px;box-shadow:0 8px 20px #0009;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.wallet-adapter-dropdown-list-active{opacity:1;visibility:visible;transform:translateY(10px)}.wallet-adapter-dropdown-list-item{display:flex;flex-direction:row;justify-content:center;align-items:center;border:none;outline:none;cursor:pointer;white-space:nowrap;box-sizing:border-box;padding:0 20px;width:100%;border-radius:6px;font-size:14px;font-weight:600;height:37px;color:#fff}.wallet-adapter-dropdown-list-item:not([disabled]):hover{background-color:#1a1f2e}.wallet-adapter-modal-collapse-button svg{align-self:center;fill:#999}.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active svg{transform:rotate(180deg);transition:transform ease-in .15s}.wallet-adapter-modal{position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity linear .15s;background:#00000080;z-index:1040;overflow-y:auto}.wallet-adapter-modal.wallet-adapter-modal-fade-in{opacity:1}.wallet-adapter-modal-button-close{display:flex;align-items:center;justify-content:center;position:absolute;top:18px;right:18px;padding:12px;cursor:pointer;background:#1a1f2e;border:none;border-radius:50%}.wallet-adapter-modal-button-close:focus-visible{outline-color:#fff}.wallet-adapter-modal-button-close svg{fill:#777;transition:fill .2s ease 0s}.wallet-adapter-modal-button-close:hover svg{fill:#fff}.wallet-adapter-modal-overlay{background:#00000080;position:fixed;top:0;left:0;bottom:0;right:0}.wallet-adapter-modal-container{display:flex;margin:3rem;min-height:calc(100vh - 6rem);align-items:center;justify-content:center}@media (max-width: 480px){.wallet-adapter-modal-container{margin:1rem;min-height:calc(100vh - 2rem)}}.wallet-adapter-modal-wrapper{box-sizing:border-box;position:relative;display:flex;align-items:center;flex-direction:column;z-index:1050;max-width:400px;border-radius:10px;background:#10141f;box-shadow:0 8px 20px #0009;font-family:DM Sans,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;flex:1}.wallet-adapter-modal-wrapper .wallet-adapter-button{width:100%}.wallet-adapter-modal-title{font-weight:500;font-size:24px;line-height:36px;margin:0;padding:64px 48px 48px;text-align:center;color:#fff}@media (max-width: 374px){.wallet-adapter-modal-title{font-size:18px}}.wallet-adapter-modal-list{margin:0 0 12px;padding:0;width:100%;list-style:none}.wallet-adapter-modal-list .wallet-adapter-button{font-weight:400;border-radius:0;font-size:18px}.wallet-adapter-modal-list .wallet-adapter-button-end-icon,.wallet-adapter-modal-list .wallet-adapter-button-start-icon,.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,.wallet-adapter-modal-list .wallet-adapter-button-start-icon img{width:28px;height:28px}.wallet-adapter-modal-list .wallet-adapter-button span{margin-left:auto;font-size:14px;opacity:.6}.wallet-adapter-modal-list-more{cursor:pointer;border:none;padding:12px 24px 24px 12px;align-self:flex-end;display:flex;align-items:center;background-color:transparent;color:#fff}.wallet-adapter-modal-list-more svg{transition:all .1s ease;fill:#fff;margin-left:.5rem}.wallet-adapter-modal-list-more-icon-rotate{transform:rotate(180deg)}.wallet-adapter-modal-middle{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 24px 24px;box-sizing:border-box}.wallet-adapter-modal-middle-button{display:block;cursor:pointer;margin-top:48px;width:100%;background-color:#512da8;padding:12px;font-size:18px;border:none;border-radius:8px;color:#fff}.webdesigntuts-workshop{height:100%;text-align:center;width:100%}.webdesigntuts-workshop:before,.webdesigntuts-workshop:after{content:"";display:block;height:1px;left:50%;margin:0 0 0 -400px;position:absolute;width:800px}.webdesigntuts-workshop:before{background:#444;background:linear-gradient(left,#151515,#444,#151515);top:192px}.webdesigntuts-workshop:after{background:#000;background:linear-gradient(left,#151515,#000,#151515);top:191px}.webdesigntuts-workshop form{background:#111;background:linear-gradient(#1b1b1b,#111);border:1px solid #000;border-radius:5px;box-shadow:inset 0 0 0 1px #272727;display:inline-block;font-size:0px;margin:150px auto 0;padding:20px;position:relative;z-index:1}.webdesigntuts-workshop input{background:#222;background:linear-gradient(#333,#222);border:1px solid #444;border-radius:5px 0 0 5px;box-shadow:0 2px #000;color:#888;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;margin:0;padding:0 10px;text-shadow:0 -1px 0 #000;width:200px}.ie .webdesigntuts-workshop input{line-height:40px}.webdesigntuts-workshop input::-webkit-input-placeholder{color:#888}.webdesigntuts-workshop input:-moz-placeholder{color:#888}.webdesigntuts-workshop input:focus{animation:glow .8s ease-out infinite alternate;background:#222922;background:linear-gradient(#333933,#222922);border-color:#393;box-shadow:0 0 5px #0f03,inset 0 0 5px #00ff001a,0 2px #000;color:#efe;outline:none}.webdesigntuts-workshop input:focus::-webkit-input-placeholder{color:#efe}.webdesigntuts-workshop input:focus:-moz-placeholder{color:#efe}.webdesigntuts-workshop button{background:#222;background:linear-gradient(#333,#222);box-sizing:border-box;border:1px solid #444;border-left-color:#000;border-radius:0 5px 5px 0;box-shadow:0 2px #000;color:#fff;display:block;float:left;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;line-height:40px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:80px}.webdesigntuts-workshop button:hover,.webdesigntuts-workshop button:focus{background:#292929;background:linear-gradient(#393939,#292929);color:#5f5;outline:none}.webdesigntuts-workshop button:active{background:#292929;background:linear-gradient(#393939,#292929);box-shadow:0 1px #000,inset 1px 0 1px #222;top:1px}@keyframes glow{0%{border-color:#393;box-shadow:0 0 5px #0f03,inset 0 0 5px #00ff001a,0 2px #000}to{border-color:#6f6;box-shadow:0 0 20px #0f09,inset 0 0 10px #0f06,0 2px #000}}@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--font-primary: "PPSupplyMono", "Courier New", monospace;--text-color: rgba(245, 245, 245, .9);--warm-off-black: #1a1917;--warm-off-white: #f8f5f2}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{background:#0a0a0a;font-family:var(--font-primary);width:100vw;min-height:100vh;overflow-x:hidden;text-transform:uppercase;font-size:11px;color:var(--text-color);line-height:1.2;margin:0;padding:0}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://assets.codepen.io/7558/noise-002.png);background-repeat:repeat;opacity:.08;z-index:1000;pointer-events:none}.loading-active{overflow:hidden!important}.audio-enable{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;font-family:var(--font-primary);font-size:12px;color:var(--text-color);text-transform:uppercase;gap:2rem;text-align:center;padding:1rem}.enable-button{border:1px solid var(--text-color);background:transparent;color:var(--text-color);padding:1rem 2rem;font-family:var(--font-primary);font-size:12px;text-transform:uppercase;cursor:pointer;letter-spacing:.1em;transition:all .3s ease}.enable-button:hover{background:var(--text-color);color:#0a0a0a}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;display:none;align-items:center;justify-content:center;z-index:2000;font-family:var(--font-primary);font-size:12px;color:var(--text-color);letter-spacing:.1em;text-transform:uppercase}.site-header{position:fixed;top:0;left:0;width:100%;height:80px;background:transparent;z-index:100;padding:0;display:flex;align-items:center}.header-container{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;align-items:center;padding:0 2rem;width:100%;height:100%}.logo-container{grid-column:1 / 3;position:relative;display:flex;align-items:center;height:2rem}.logo-circles{position:relative;width:100%;height:100%}.circle{position:absolute;border-radius:50%;transition:transform .5s cubic-bezier(.445,.05,.55,.95);width:1.8rem;height:1.8rem;background-color:var(--text-color);background-image:url(/assets/logo-Ch7LL0cc.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;top:50%}.circle-1{left:0;transform:translateY(-50%)}.circle-2{left:1rem;transform:translateY(-50%);mix-blend-mode:exclusion}.logo-container:hover .circle-1{transform:translate(-.5rem,-50%)}.logo-container:hover .circle-2{transform:translate(.5rem,-50%)}.main-nav{grid-column:4 / 8}.main-nav ul{display:flex;list-style:none;gap:1.5rem;flex-wrap:wrap}.main-nav li{position:relative}.main-nav a{color:var(--text-color);text-decoration:none;font-size:12px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em;display:block;position:relative;padding-left:8px;transition:color .2s ease}.nav-hover-square{position:absolute;top:50%;left:0;width:4px;height:4px;background:var(--text-color);transform:translateY(-50%) scaleX(0);transform-origin:left center}.contact-link{grid-column:9 / 13;text-align:right}.contact-link a{color:var(--text-color);text-decoration:none;font-size:12px;font-family:var(--font-primary);text-transform:uppercase;letter-spacing:.1em;transition:opacity .3s ease}.contact-link a:hover{opacity:.7}.section{height:200vh;position:relative;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;margin:0;padding:0;display:block;border:none;outline:none;vertical-align:top;line-height:0;font-size:11px;float:left;width:100%;clear:both}.section-1{background-image:url(https://assets.codepen.io/7558/blue-orange-001.jpg)}.section-2{background-image:url(https://assets.codepen.io/7558/blue-orange-003.jpg)}.section-3{background-image:url(https://assets.codepen.io/7558/blue-orange-002.jpg)}.geometric-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;pointer-events:none}.geometric-svg{width:100%;height:100%}.grid-line{stroke:#f5f5f526;stroke-width:1;stroke-opacity:.3;shape-rendering:crispEdges}.circle-outline{stroke:#f5f5f54d;stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.circle-filled{stroke:#f5f5f54d;stroke-width:1;fill:#f5f5f50d;vector-effect:non-scaling-stroke}.geometric-text{font-family:var(--font-primary);font-size:12px;fill:#f5f5f599;text-transform:uppercase;letter-spacing:.1em;transition:opacity .3s ease}.center-circle{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:60;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.circle-container{display:flex;align-items:center;justify-content:center}.glowing-circle{width:80px;height:80px;background:#fff;border-radius:50%;box-shadow:none;position:relative;background-image:url(/assets/logo-Ch7LL0cc.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.section-content{position:relative;z-index:2;height:100%;padding:2rem}.gradient-reveal{position:fixed;top:0;left:0;width:100vw;height:500vh;background:linear-gradient(to bottom,#000000 0%,#000000 20%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 70%,transparent 100%);z-index:1500;pointer-events:none;transform:translateY(0)}.site-footer{position:relative;width:100%;height:50vh;background:#0a0a0a;z-index:10;margin-top:0;clear:both;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:2rem}.footer-content-section,.footer-svg-section{width:100%}.footer-content-section{height:100%;display:flex;flex-direction:column;justify-content:space-between}.footer-content{display:flex;justify-content:space-between;width:100%;align-items:flex-start;margin-bottom:2rem}.footer-left,.footer-right{font-family:var(--font-primary);font-size:12px;text-transform:uppercase;color:var(--text-color);line-height:1.2}.footer-left{display:flex;flex-direction:column;gap:.15rem}.footer-right{display:flex;flex-direction:column;gap:.15rem;text-align:right;max-width:40%}.footer-svg{width:100%;height:auto;max-width:none}.footer-credits{font-family:var(--font-primary);font-size:10px;text-transform:uppercase;letter-spacing:.7em;color:#f5f5f599;text-align:left;margin-bottom:1rem}.footer-credits a{color:var(--text-color);text-decoration:none;transition:opacity .3s ease}.footer-credits a:hover{opacity:.7}@media (max-width: 1024px){.geometric-text.text-top-right,.geometric-text.text-bottom-right{display:none}.glowing-circle{width:60px;height:60px}.footer-right{max-width:50%}}@media (max-width: 768px){.header-container{grid-template-columns:auto 1fr auto;gap:1rem;padding:0 1rem}.logo-container{grid-column:1;justify-self:start}.main-nav{grid-column:2;justify-self:center}.main-nav ul{gap:1rem;justify-content:center}.main-nav a{font-size:10px}.contact-link{grid-column:3;text-align:right}.contact-link a{font-size:10px}.geometric-text.text-top-right,.geometric-text.text-bottom-right{display:none}.geometric-text.text-bottom-left{font-size:10px}.glowing-circle{width:50px;height:50px}.section{background-attachment:scroll}.footer-content{flex-direction:column;gap:2rem;text-align:left}.footer-right{max-width:100%;text-align:left}.footer-credits{text-align:center;letter-spacing:.3em}.site-footer{padding:1rem}}@media (max-width: 480px){.header-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:.5rem;text-align:center}.logo-container{grid-column:1;grid-row:1;justify-self:center}.main-nav{grid-column:1;grid-row:2;justify-self:center}.main-nav ul{gap:.8rem}.main-nav a{font-size:9px}.contact-link{display:none}.site-header{height:100px}.geometric-text.text-top-left{font-size:9px}.geometric-text.text-bottom-left{font-size:8px}.glowing-circle{width:40px;height:40px}.footer-left,.footer-right{font-size:10px}.footer-credits{font-size:8px;letter-spacing:.2em}.section-content{padding:1rem}}@media (max-width: 320px){.main-nav ul{flex-direction:column;align-items:center;gap:.5rem}.glowing-circle{width:35px;height:35px}.footer-left,.footer-right{font-size:9px}}.wallet-adapter-button{font-family:var(--font-primary)!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.1em!important;background:transparent!important;border:1px solid #8B5CF6!important;color:#8b5cf6!important;padding:.5rem 1rem!important;transition:all .3s ease!important;border-radius:0!important}.wallet-adapter-button:hover,.wallet-adapter-button:focus{background:#8b5cf6!important;color:#fff!important;border-color:#8b5cf6!important}.wallet-adapter-button:disabled{opacity:.6!important}.wallet-adapter-button-trigger{background:transparent!important}.wallet-adapter-modal{background:#0a0a0a!important;border:1px solid #8B5CF6!important;font-family:var(--font-primary)!important}.wallet-adapter-modal-title{font-family:var(--font-primary)!important;text-transform:uppercase!important;color:#8b5cf6!important}.wallet-adapter-modal-list li button{font-family:var(--font-primary)!important;text-transform:uppercase!important;background:transparent!important;border:1px solid #333!important;color:var(--text-color)!important;transition:all .3s ease!important}.wallet-adapter-modal-list li button:hover{border-color:#8b5cf6!important;background:#8b5cf61a!important}