@import"https://fonts.googleapis.com/css2?family=Fira+Code&display=swap";@keyframes dropIn{0%{top:-100px}to{top:0}}.header-hidden{transform:translateY(-100%);transition:transform .3s ease-in-out}.header{position:fixed;top:-100px;animation:dropIn .5s forwards .5s;left:0;width:100%;background-color:#0c1819;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#8892b0;font-family:Fira Code,monospace;transition:transform .3s ease-in-out}.logo{font-size:32px;font-weight:700;color:#7df9ff;margin-left:2%;margin-top:1%}.nav-list{display:flex;list-style-type:none;margin-right:40px;padding:0}.nav-list li{margin-right:20px}.nav-list li a{text-decoration:none;color:#ccd6f6;font-weight:700;transition:color .3s ease}.nav-list li a:hover{color:#7df9ff}.contact-container{display:inline-block}.contact-link{color:#ccd6f6;background-color:null;border-radius:10px;font-family:Fira Code,monospace;transition:background-color .3s ease,color .3s ease;border:2px solid #7DF9FF;padding:10px 20px}.contact-link:hover{color:#4a4242;border:2px solid #7DF9FF}@media only screen and (max-width: 1024px){.header{position:fixed;top:-100px;animation:dropIn .5s forwards .5s;left:0;width:100%;background-color:#0c1819;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;color:#8892b0;font-family:Fira Code,monospace;transition:transform .3s ease-in-out}.logo{margin-left:3%;margin-top:3%;padding:0;font-size:10vw;margin-right:auto}*,*:after,*:before{box-sizing:border-box}body{margin:0}:root{--bar-width: 40px;--bar-height: 4px;--hamburger-gap: 6px;--foreground: #8892B0;--background: #7DF9FF;--hamburger-margin: 8px;--animation-timing: .2s ease-in-out;--hamburger-height: calc(var(--bar-height) * 3 + var(--hamburger-gap) * 2)}.hamburger-menu{--x-width: calc(var(--hamburger-height) * 1.41421356237);display:flex;flex-direction:column;gap:var(--hamburger-gap);width:max-content;z-index:2;cursor:pointer}.hamburger-menu:has(input:checked){--foreground: #7DF9FF;--background: #0c1819 }.hamburger-menu:has(input:focus-visible):before,.hamburger-menu:has(input:focus-visible):after,.hamburger-menu input:focus-visible{border:1px solid var(--background);box-shadow:0 0 0 1px var(--foreground)}.hamburger-menu:before,.hamburger-menu:after,.hamburger-menu input{content:"";width:var(--bar-width);height:var(--bar-height);background-color:#7df9ff;border-radius:9999px;transform-origin:left center;transition:opacity var(--animation-timing),width var(--animation-timing),rotate var(--animation-timing),translate var(--animation-timing),background-color var(--animation-timing)}.hamburger-menu input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none;pointer-events:none}.hamburger-menu:has(input:checked):before{rotate:45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / -2)}.hamburger-menu:has(input:checked):after{rotate:-45deg;width:var(--x-width);translate:0 calc(var(--bar-height) / 2)}.hamburger-menu input:checked{opacity:0;width:0}.sidebar{transition:translate var(--animation-timing);position:fixed;translate:100%;right:0;padding:.5rem 1rem;padding-top:calc(var(--hamburger-height) + var(--hamburger-margin) + 1rem);background-color:#0c1819;min-width:75%;max-width:75%;min-height:100vh;top:0;height:100vh;box-shadow:-5px 0 15px #0003}.hamburger-menu:has(input:checked)+.sidebar{translate:0}.nav-list{width:70%;height:100%;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;right:0;background-color:transparent;color:transparent}.nav-list.active{right:0}.nav-list li{margin-bottom:15%}.contact-link{color:#ccd6f6;background-color:null;border-radius:.2em;font-family:Fira Code,monospace;transition:background-color .3s ease,color .3s ease;border:2px solid #7DF9FF;padding:.8em,1.1em}.contact-link:hover{color:#4a4242;border:2px solid #7DF9FF}}@media only screen and (min-width: 1025px){.hamburger-menu input[type=checkbox]{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.logo{font-size:28px}:root{--bar-width: 35px;--bar-height: 3.5px;--hamburger-gap: 5.5px;--hamburger-margin: 7.5px}}.hero{background-size:cover;background-position:center;height:calc(100vh - 60px);display:flex;flex-wrap:wrap;align-items:center;text-align:center;color:#8892b0;font-family:Fira Code,monospace}.hero-content{position:relative;z-index:1;width:100%;text-align:left;margin-left:10%;transform:translateY(100%);animation:riseUp 1s forwards}@keyframes riseUp{to{transform:translateY(0)}}.hero-opening{font-size:16px;margin-top:75px;margin-bottom:5px;color:#7df9ff}.hero-title{font-size:45px;margin-top:0;margin-bottom:5px;color:#ccd6f6}.hero-title-2{font-size:45px;margin-top:0;margin-bottom:5px}.hero-description{font-size:16px;max-width:55%;margin-bottom:20px;width:55%}.hero-sidebar{position:absolute;top:0;right:0;height:100%;width:100%;background-color:#0c1819;display:flex;align-items:center;justify-content:center}.skill-item-container{display:flex;flex-wrap:wrap;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cta-buttons{margin-top:20px;display:flex;justify-content:flex-start}.cta-button{display:inline-block;margin-right:10px;padding:10px 20px;text-decoration:none;color:#ccd6f6;background-color:null;border-radius:5px;font-family:Fira Code,monospace;transition:background-color .3s ease,color .3s ease;border:1px solid #7DF9FF}.cta-button:hover{color:#4a4242;border:1px solid #7DF9FF}.skill-item{font-size:16px;font-weight:700;position:absolute;opacity:0;animation:fadeIn 2.5s forwards;color:#fff}.hero-icons{width:24px;height:24px;fill:currentColor;transition:transform .3s;text-align:left;margin-top:20px;margin-left:20px;padding-right:10px;color:#8892b0}.hero-icons:hover{color:#7df9ff;transform:scale(1.2)}.skill-item-1{font-size:28px;top:15%;left:40%;animation:initialDelay 1s,fadeInOut 30s 12s infinite}.skill-item-2{font-size:40px;top:68%;left:70%;animation:initialDelay 0s,fadeInOut 30s 17s infinite}.skill-item-3{font-size:45px;top:43%;left:70%;animation:initialDelay 0s,fadeInOut 30s 2s infinite}.skill-item-4{font-size:35px;top:20%;left:60%;animation:initialDelay 0s,fadeInOut 30s 7s infinite}.skill-item-5{font-size:28px;top:15%;left:80%;animation:initialDelay 1s,fadeInOut 30s 22s infinite}.skill-item-6{font-size:36px;top:76%;left:35%;animation:initialDelay 1s,fadeInOut 30s 27s infinite}.skill-item-7{font-size:28px;bottom:20%;left:55%;animation:initialDelay 1s,fadeInOut 30s 19s infinite}@keyframes fadeInOut{0%{opacity:0;transform:scale(.7)}45%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1)}to{opacity:0}}@keyframes initialDelay{0%,to{opacity:0}}@media only screen and (max-width: 1024px){.hero-sidebar{display:none}}@media only screen and (max-width: 1024px){.hero{height:100vh}.hero-content{margin-left:5%;font-size:.9em}.hero-title,.hero-title-2{font-size:2em}.hero-description{font-size:14px;width:60%}}@media only screen and (max-width: 768px){.hero{height:100vh}.hero-sidebar{display:none}.hero-content{margin-left:5%;margin-bottom:.8em}.hero-opening{font-size:1em;margin-top:0;margin-bottom:.8em}.hero-title{font-size:2.2em}.hero-title-2{font-size:1.7em;margin-bottom:.8em}.hero-description{font-size:1em;width:90%!important;max-width:90%;margin-bottom:.8em}.cta-buttons{margin-bottom:.8em}.hero-icons{width:2em;height:2em;margin-top:1.2em;margin-left:.4em;padding-right:1.2em}}.projects{padding-top:100px;color:#8892b0;font-family:Fira Code,monospace;background-color:#0c1819}.scrolling-visible-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}.projects h2{text-align:center;color:#ccd6f6;font-size:32px}.project-list{display:flex;flex-direction:column;align-items:center;padding:50px 0}.project-item{width:80%;display:flex;flex-direction:row;align-items:center;text-align:center;margin-bottom:17%;position:relative;padding-bottom:7%}.project-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:33%;height:2px;background-color:#cccccc3e}.project-image{width:auto;height:auto;flex:1;position:relative;transform:translateZ(0);transition:transform .3s ease}.project-image:hover{transform:scale(1.05)}.project-image:hover .overlay{opacity:.7}.project-image:hover .visit-button{display:block}.project-image img{width:100%;max-height:40vh;object-fit:cover;border:4px solid #7DF9FF;display:block}.project-image,.project-image img{box-sizing:border-box}.project-details{flex:1}.project-details h3{margin-top:0;color:#7df9ff;text-align:left;margin-left:5%}.project-details p{margin-bottom:10px;color:#ccd6f6;text-align:left;margin-left:5%}.project-title{margin-left:5px;color:#7df9ff;text-decoration:none}.project-title:hover{text-decoration:underline}.project-links{display:flex;align-items:center;justify-content:flex-start;margin-left:7%;gap:25px;margin-top:20px}.projects-icons{width:24px;height:24px;transition:fill .3s ease;transition:transform .3s;text-align:left;text-decoration:none;color:#8892b0}.projects-icons:hover{color:#7df9ff;transform:scale(1.2)}.read-more-link{margin-left:5px;color:#7df9ff;text-decoration:none}.read-more-link:hover{text-decoration:underline}@media (min-width: 768px) and (max-width: 1024px){.project-item{flex-direction:column;align-items:center;margin-bottom:10%;padding-bottom:5%}.project-image img{max-height:30vh}.project-details{text-align:center;margin-top:15px}.project-details h3,.project-details p{margin-left:0;text-align:center}.project-links{justify-content:center;margin-left:0}}@media (max-width: 767px){.projects{padding-top:10%}.projects h2{font-size:1.2em}.project-list{display:flex;flex-direction:column;align-items:center;padding-top:10%}.project-item{flex-direction:column;width:90%;padding-bottom:20%;height:100%}.project-image img{max-height:30vh}.project-details{text-align:center;margin-top:15px}.project-details h3,.project-details p{margin-left:0;text-align:center}.project-links{justify-content:center;margin-left:0}}.web3{color:#8892b0;font-family:Fira Code,monospace;background-color:#0c1819;margin-top:20%;margin-bottom:10%;padding-top:100px;padding-bottom:5%;position:relative}.web3:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:33%;height:2px;background-color:#cccccc3e;margin-top:62px}.web3 h2{text-align:center;color:#ccd6f6;font-size:32px}.web3-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;max-width:800px;padding:0 20px}.web3-description{margin-bottom:20px;color:#ccd6f6;font-size:18px;line-height:1.6;text-align:justify}.web3-content .fcc-link{color:#7df9ff;text-decoration:none}.web3-content .fcc-link:hover{text-decoration:underline}.icons{width:24px;height:24px;fill:currentColor;transition:transform .3s;text-align:left;margin-top:20px;margin-left:20px;padding-right:10px}@media (min-width: 48em) and (max-width: 64em){.web3{padding-top:10%}.web3 h2{font-size:1.5em}.web3-content{padding:0 .625em}.web3-description{font-size:.875em;max-width:90%}.icons{width:1.125em;height:1.125em;margin-top:.625em;margin-left:.625em;padding-right:.375em}}@media (max-width: 48em){.web3{padding-top:45%}.web3 h2{font-size:1.5em}.web3-content{padding:0 .625em}.web3-description{font-size:.875em;max-width:90%}.icons{width:1.125em;height:1.125em;margin-top:.625em;margin-left:.625em;padding-right:.375em}}.skills{color:#8892b0;font-family:Fira Code,monospace;background-color:#0c1819;margin-bottom:20%;margin-top:-5%;padding-top:100px;position:relative}.skills:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:33%;height:2px;background-color:#cccccc3e;margin-top:100px}.skills h2{text-align:center;color:#ccd6f6;font-size:32px}.skills p{margin-right:15%;margin-left:15%;text-align:center;text-align:justify}.skills-list{display:flex;justify-content:space-around;list-style-type:none;padding:0;max-width:80%;margin:0 auto}.skills-list li{background:#0c1819;border:1px solid #7DF9FF;padding:10px;border-radius:5px;color:#ccd6f6;margin:10px}@media (min-width: 48em) and (max-width: 64em){.skills{padding-top:10%}.skills h2{font-size:1.5em}.skills p{margin-right:.3125em;margin-left:.3125em;font-size:.875em;width:90%}.skills-list{display:flex;justify-content:space-around;list-style-type:none;padding:0;max-width:80%;margin:0 auto}.skills-list li{background:#0c1819;border:1px solid #7DF9FF;padding:.3em;border-radius:.3em;color:#ccd6f6;margin:.3em}}@media (max-width: 48em){.skills{padding-top:45%}.skills h2{font-size:1.5em}.skills p{margin-right:.3125em;margin-left:.3125em;font-size:.875em;width:90%}.skills-list{display:flex;justify-content:space-around;list-style-type:none;padding:0;max-width:80%;margin:0 auto}.skills-list li{background:#0c1819;border:1px solid #7DF9FF;padding:.3em;border-radius:.3em;color:#ccd6f6;margin:.3em}}.about{padding:100px 0 70px;color:#8892b0;font-family:Fira Code,monospace;background-color:#0c1819;position:relative}.about:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:33%;height:2px;background-color:#cccccc3e;margin-top:15.3%}.about h2{text-align:center;color:#ccd6f6;font-size:32px}.about-content{margin:0 auto;max-width:800px;padding:0 20px}.about-text{font-size:18px;margin-bottom:20px;color:#ccd6f6;line-height:1.6;text-align:justify}.read-more-less{color:#7df9ff;cursor:pointer}@media (min-width: 48em) and (max-width: 64em){.about{padding-top:10%}.about h2{font-size:1.5em}.about-content{max-width:90%;padding:0 10px}.about-text{font-size:.875em;margin-bottom:1em}}@media (max-width: 48em){.about{padding-top:45%}.about h2{font-size:1.5em}.about-content{max-width:90%;padding:0 10px}.about-text{font-size:.875em;margin-bottom:1em}}.contact{color:#8892b0;font-family:Fira Code,monospace;background-color:#0c1819;margin-top:20%;padding-top:100px;margin-bottom:5%}.contact h2{text-align:center;color:#ccd6f6;font-size:32px}.contact-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:0 auto;max-width:800px;padding:0 20px}.contact-description{color:#ccd6f6;font-size:18px;line-height:1.6;text-align:justify}.icons{width:24px;height:24px;fill:currentColor;transition:transform .3s;text-align:left;margin-top:20px;margin-left:20px;padding-right:10px;color:#8892b0}.icons:hover{color:#7df9ff;transform:scale(1.2)}@media (min-width: 48em) and (max-width: 64em){.contact{padding-top:10%;margin-bottom:42%}.contact h2{font-size:1.5em}.contact-content{max-width:90%;padding:0 10px}.contact-description{font-size:.875em}.icons{width:1.25em;height:1.25em;margin-top:1em;margin-left:1em}}@media (max-width: 48em){.contact{padding-top:45%;margin-bottom:42%}.contact h2{font-size:1.5em}.contact-content{max-width:90%;padding:0 10px}.contact-description{font-size:.875em}.icons{width:1.25em;height:1.25em;margin-top:1em;margin-left:1em}}.footer{padding:20px;background-color:#0c1819;text-align:center;color:#ccd6f6;font-family:Fira Code,monospace}@media (min-width: 48em) and (max-width: 64em){.footer{padding:1.25em;font-size:.9375em}}@media (max-width: 48em){.footer{padding:1em;font-size:.875em}}.project-page{padding-top:100px;font-family:Fira Code,monospace;background-color:#0c1819;color:#8892b0;display:flex;flex-direction:column;align-items:center;width:80%;margin:0 auto}.project-page-header{width:auto;height:auto;flex:1;position:relative;transform:translateZ(0);transition:transform .3s ease}.project-page-header img{width:100%;max-height:40vh;object-fit:cover;border:4px solid #7DF9FF;display:block;box-sizing:border-box}.project-page-header:hover{transform:scale(1.05)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#7df9ff;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .3s ease}.project-page-header:hover .overlay{opacity:.7}.visit-button{display:none;padding:10px 20px;background-color:#0c1819;color:#fff;border:none;border-radius:6px;cursor:pointer;text-decoration:none;font-family:Fira Code,monospace}.project-page-header:hover .visit-button{display:block}.project-image-content{max-width:auto;max-height:45vh;object-fit:cover}.project-page-content{width:80%;text-align:left;padding:20px;background-color:#0000001a;border-radius:6px;color:#fff}.project-page-content h1{color:#7df9ff;margin-bottom:15px}.project-page-content p{margin-bottom:20px}.project-page-links{display:flex;justify-content:center;gap:15px;margin-top:10px;align-items:center}.project-page-links a{text-decoration:none;color:#8892b0;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.project-page-icons{width:24px;height:24px;fill:currentColor;transition:transform .3s;margin-top:20px;margin-left:20px;padding-right:10px}.project-page-icons:hover{color:#7df9ff;transform:scale(1.2)}@media (max-width: 48em){.project-page{width:90%;margin-top:10%}.project-page-content{width:100%;margin-bottom:25%}.project-page-content h1{font-size:1.5em}.project-page-content p{margin-bottom:20px}}.etherscan-link{margin-left:5px;color:#7df9ff;text-decoration:none}.etherscan-link:hover{text-decoration:underline}body{margin:0;padding:0;background-color:#0c1819;font-family:Fira Code,monospace;color:#8892b0}html{scroll-behavior:smooth}body,html{width:100%;max-width:100%;overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background-color:#7df9ff;border-radius:4px}body::-webkit-scrollbar-thumb:hover{background-color:#7df9ff}body::-webkit-scrollbar-track{background-color:#0c1819}body{scrollbar-width:thin;scrollbar-color:#7DF9FF #0c1819}body::-webkit-scrollbar-corner{display:none}@media only screen and (max-width: 600px){body,html{width:100%;max-width:100%;overflow-x:hidden}}@media only screen and (min-width: 601px) and (max-width: 1024px){body,html{width:100%;max-width:100%;overflow-x:hidden}}