@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body.blur{overflow:hidden}body.blur #content>*{filter:blur(5px) brightness(.7);transition:all .25s cubic-bezier(.645,.045,.355,1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100%;background-attachment:fixed;-webkit-text-size-adjust:100%}a{color:inherit;text-decoration:none}*{box-sizing:border-box}bold{font-weight:700}@font-face{font-family:Mandatory Plaything;src:url(/fonts/MandatoryPlaything-nRRd0.eot);src:url(/fonts/MandatoryPlaything-nRRd0.eot?#iefix) format("embedded-opentype"),url(/fonts/MandatoryPlaything-nRRd0.woff2) format("woff2"),url(/fonts/MandatoryPlaything-nRRd0.woff) format("woff"),url(/fonts/MandatoryPlaything-nRRd0.ttf) format("truetype"),url(/fonts/MandatoryPlaything-nRRd0.svg#Mandatory\ Plaything) format("svg")}.container{padding:0 2rem;width:80%;max-width:1350px;margin:0 auto}.full-page{padding-top:125px;color:#f8f8f8;font-family:Montserrat,"sans-serif"}.main-section{min-height:800px;display:flex;justify-content:center;align-items:center;height:95vh;margin-top:-75px}.intro-text{-webkit-animation:dzpZbq .5s cubic-bezier(.25,.46,.45,.94) 0s 1 normal forwards running;animation:dzpZbq .5s cubic-bezier(.25,.46,.45,.94) 0s 1 normal forwards running;z-index:1}.intro-text h1{margin:-4px 0;font-size:2.5rem;font-weight:900;line-height:140%}.intro-text p{font-size:16px;margin:0;line-height:150%}.CTAs{width:-webkit-max-content;width:-moz-max-content;width:max-content}.CTAs .download-resume{background:linear-gradient(134deg,#6a98f0,#4961dc 99%);color:#f8f8f8;border:none;cursor:pointer;transition:all .2s ease 0s;width:auto;height:auto;font-size:12px;padding:12px;border-radius:5px;display:block;margin:30px 0}.socials{color:#6d83f2;display:flex;justify-content:space-between;font-size:24px}.socials svg{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.some-details{margin-top:75px;display:flex;justify-content:space-between;line-height:1.5;margin-right:150px}.some-details p{width:calc(50% - 1.731em);font-size:14px}.code-section{padding:30px 35px;border-radius:10px;background-color:#232323;box-shadow:0 5px 10px rgb(0 0 0/5%);margin-top:20px}.code-section,.code-section pre{font-family:Montserrat,"sans-serif"}.code-section pre{font-size:.9rem}.title a{color:#0070f3;text-decoration:none}.title a:active,.title a:focus,.title a:hover{text-decoration:underline}.title{margin:0;line-height:1.15;font-size:4rem}.code{background:#fafafa;border-radius:5px;padding:.75rem;font-size:1.1rem;font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}@media (max-width:1150px){.intro-text,.main-section{flex-direction:column}.intro-text{text-align:center;display:flex;align-items:center}.intro-text h1{margin:6px 0;line-height:100%}.some-details{display:none}.intro-section{display:flex;align-items:center;flex-direction:column;margin-bottom:50px}}@media (max-width:600px){.intro-text h1{font-size:2em}.intro-text p{font-size:14px}.code-section pre{font-size:.7rem}}@media (max-width:450px){.container{padding:0 1rem}.intro-text h1{font-size:1.6em}.code-section{padding:20px 25px}}.email-container{width:40px;position:fixed;bottom:0;left:auto;right:40px;z-index:10;color:#a8b2d1}.email-display{display:flex;flex-direction:column;align-items:center;position:relative}.email-display a{margin:20px auto;padding:10px;font-size:12px;line-height:18px;letter-spacing:.1em;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-family:Montserrat,"sans-serif"}.email-display:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#a8b2d1}.email-display a:focus,.email-display a:hover{color:#6d83f2;transform:translateY(-3px);transition:all .25s cubic-bezier(.645,.045,.355,1)}@media (max-width:450px){.email-container{width:35px;right:0}}.mobile-header,.side-bar{display:none}.topheader{position:relative;width:100%;background-color:#212731;margin-top:-6px}.header.scrolled{background-color:#060d19}@media only screen and (max-width:950px){.mobile-header{display:block!important}.close-button,.hamburger-button{display:flex;justify-content:center;align-items:center;position:fixed;right:0;z-index:100;margin-left:auto;padding:30px 30px 15px;border:0;background-color:transparent;color:inherit;text-transform:none;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter}.side-bar{z-index:9;transform:translateX(100vw);visibility:hidden}.side-bar,.side-bar-open{display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;right:0;padding:50px 10px;width:min(75vw,400px);height:105vh;outline:0;background-color:#112240;box-shadow:-10px 0 30px -15px rgba(2,12,27,.7);transition:all .25s cubic-bezier(.645,.045,.355,1)}.side-bar-open{z-index:99;transform:translateX(0);visibility:visible}}.hamburger-button .ham-box{display:inline-block;position:relative;width:30px;height:24px}.hamburger-button .ham-box-inner{position:absolute;top:50%;right:0;width:30px;height:2px;border-radius:4px;background-color:#6d83f2;transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s;transform:rotate(0deg)}.close-button .ham-box-inner:after,.close-button .ham-box-inner:before,.hamburger-button .ham-box-inner:after,.hamburger-button .ham-box-inner:before{content:"";display:block;position:absolute;left:auto;right:0;width:30px;height:2px;border-radius:4px;background-color:#6d83f2;transition-timing-function:ease;transition-duration:.15s;transition-property:transform}.hamburger-button .ham-box-inner:before{width:120%;top:-10px;opacity:1;transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger-button .ham-box-inner:after{width:80%;bottom:-10px;transform:rotate(0deg);transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.close-button .ham-box{display:inline-block;position:relative;width:30px;height:24px}.close-button .ham-box-inner{position:absolute;top:50%;right:0;width:30px;height:2px;border-radius:4px;background-color:#6d83f2;transition:transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(225deg)}.close-button .ham-box-inner:before{width:100%;top:0;opacity:0;transition:top .1s ease-out,opacity .1s ease-out .12s}.close-button .ham-box-inner:after{width:100%;bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s}.side-bar-open nav{display:flex;justify-content:space-between;align-items:center;width:100%;flex-direction:column;color:#ccd6f6;text-align:center}.side-bar-open ol{padding:0;margin:0;list-style:none;width:100%}.side-bar-open ol li{position:relative;margin:0 auto 20px;counter-increment:item 1;font-size:clamp(14px,4vw,18px)}.side-bar-open ol li:before{content:"0" counter(item) ".";display:block;margin-bottom:5px;color:#6d83f2;font-size:14px}.side-bar-open ol a{display:inline-block;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:inherit;position:relative;width:100%;padding:3px 20px 20px}.side-bar-open .resume-link,.side-bar-open ol a{transition:all .25s cubic-bezier(.645,.045,.355,1);cursor:pointer}.side-bar-open .resume-link{color:#6d83f2;background-color:transparent;border:1px solid #6d83f2;border-radius:4px;font-size:14px;line-height:1;text-decoration:none;padding:18px 50px;margin:10% auto 0;width:-webkit-max-content;width:-moz-max-content;width:max-content}.header{position:fixed;left:0;top:0;right:0;bottom:auto;z-index:1000;display:block;width:100%;height:125px;font-family:Mandatory Plaything}@media only screen and (max-width:950px){.header{display:none!important}}.header .left-side{position:absolute;top:0;left:150px;height:100%;display:flex}@media only screen and (max-width:1694px){.header .left-side{left:25px}}.header .left-side .nav-title{align-items:center;display:flex;font-size:18px;color:#fff;font-weight:600;letter-spacing:3px;cursor:pointer}.header .right-side{position:absolute;top:0;right:25px;height:100%;display:flex;align-items:center;color:#fff}.header .right-side img{height:18px;float:left;margin-top:55px;margin-left:20px}.header .right-side img:hover{cursor:pointer}.header .right-side .h-menu-vertline{float:left;height:40px;margin-top:45px;width:1px;background-color:gray;opacity:.6;margin-left:40px;margin-right:40px}.header .right-side a{float:left;line-height:40px;margin:0 20px;font-size:14px;position:relative}.header .right-side a,.mobile-viewer-home{text-transform:uppercase;font-weight:500;color:#fff!important;cursor:pointer}.mobile-viewer-home{font-size:22px;font-family:Mandatory Plaything;padding-left:32px!important}.header .right-side a:before{position:absolute;content:"";width:0;height:3px;background:linear-gradient(12deg,#587fea,#16c2f1 21%,#cf1bb8 77%,#e4168f);left:50%;bottom:-1px;transform:translateX(-50%);border-radius:10px;transition:all .2s ease;opacity:0}.header .right-side a:hover{color:#fff}.header .right-side a:hover:before{width:24px;opacity:1;width:-webkit-fill-available}.right-side .claim-rewards{margin-left:20px;margin-right:20px;float:left;color:#5956e9}.claim-rewards{line-height:40px;text-transform:uppercase;font-size:22px;font-weight:600;cursor:pointer;color:#5956e9;padding-left:1.48em}.right-side .claim-rewards:hover{color:#16c2f1!important}.button{margin-top:40px;padding:3px 3px 3px 3.3px;border-radius:15px;background-image:linear-gradient(180deg,#587fea,#16c2f1 21%,#cf1bb8 77%,#e4168f);height:3.3rem!important;display:flex;width:-webkit-min-content;width:-moz-min-content;width:min-content}.mobilemenuopened .button{margin-left:32px}.mobilemenuopened .claim-rewards,.mobilemenuopened a{cursor:pointer;font-family:Mandatory Plaything}.mobilemenuopened .wallet{margin-left:32px}.mobilemenuopened .wallet p{padding:0}.button:hover{cursor:pointer}.button .connect{border-radius:12px;background-color:#0f111b;color:#fff;font-weight:600;width:10.3rem;text-transform:uppercase;font-family:Mandatory Plaything;font-size:14px}.about-section,.button .connect{display:flex;justify-content:center;align-items:center}.about-section{padding-top:5rem;padding-bottom:15rem;position:relative}.parallax-outer{z-index:-1;position:absolute}.parallax-outer p,.parallax-outer svg{color:#303030;z-index:-1;left:0;right:0;font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.about-inner{width:100%;display:flex;flex-direction:column}.about-inner h1{margin:0;font-size:3rem;font-weight:900;line-height:1.1}@media (min-width:701px) and (max-width:1500px){.about-inner{max-width:1500px}}.bottom-left,.top-left{text-align:left;position:relative}.middle-right{display:flex;justify-content:flex-end;margin:55px 0}@media (min-width:701px){.bottom-left p,.middle-right p,.top-left p{width:32vw;font-size:14px;transition-delay:.31s}}.bottom-left p,.middle-right p,.top-left p{line-height:1.6;max-width:500px}@media (max-width:1300px){.nextjs{top:375px!important;left:60%!important}}@media (max-width:1080px){.about-inner h1{font-size:2rem}.about-inner p{font-size:13px}}@media (max-width:786px){.solidity{top:775px!important}.sass{top:700px!important}}@media (max-width:755px){.html{top:350px!important}}@media (max-width:730px){.css{top:30%!important}}@media (max-width:700px){.react{top:-100px!important}.html{left:-50px!important}.css{top:28%!important}.sass{top:600px!important;left:45%!important}.solidity{top:700px!important;left:25%!important}}@media (max-width:465px){.about-inner h1{font-size:1.5rem}.node{left:98%!important}.sass{top:800px!important}.solidity{top:900px!important;left:0!important}.bitcoin{left:100%!important}}.projects-section{height:80vh;padding:100px 0;max-width:1000px;margin:0 auto 100px}.project-wrapper{display:flex}.project-content{max-width:500px}.project-overline{margin:10px 0;color:#6d83f2;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;font-weight:400}.project-title{color:#ccd6f6;font-size:28px;z-index:9999;position:relative}.project-title:hover{color:#6d83f2}@media (min-width:768px){.project-title{margin:0 0 20px}}.project-description{box-shadow:0 10px 30px -15px rgba(2,12,27,.7);transition:all .25s cubic-bezier(.645,.045,.355,1);position:relative;z-index:2;padding:25px;border-radius:4px;background-color:#112240;color:#a8b2d1;font-size:14px;font-family:Montserrat,"sans-serif"}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;margin:25px 0 10px;padding:0;list-style:none}.projects-section:nth-of-type(odd) .project-tech-list{justify-content:flex-end}.projects-section .project-tech-list li{margin:0 20px 5px 0;color:#a8b2d1;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:13px;white-space:nowrap}.projects-section:nth-of-type(odd) .project-tech-list li{margin:0 0 5px 20px}.project-links{display:flex;align-items:center;position:relative;margin-top:10px;margin-left:-10px}.project-links a{display:flex;justify-content:center;align-items:center;padding:10px}.projects-section .project-image{transition:all .25s cubic-bezier(.645,.045,.355,1);position:relative;z-index:1;margin-left:-5px;margin-top:65px}@media (max-width:1050px){.project-content{width:75%}}@media (max-width:925px){.project-content{width:100%}}@media (max-width:810px){.project-content{width:150%}}@media (max-width:950px){.project-title{margin-top:.5em}.project-description{margin-top:190px;width:70%}.projects-section .project-image{position:absolute;width:400px;margin-left:75px;margin-top:75px}}@media (max-width:690px){.project-description{margin-top:130px;width:70%}.projects-section .project-image{width:300px}}@media (max-width:525px){.project-title{margin-top:.5em}.project-description{margin-top:225px;width:100%}.projects-section .project-image{position:absolute;width:300px;margin:85px auto}}@media (max-width:430px){.project-description{margin-top:190px;width:100%}.projects-section .project-image{position:absolute;width:250px;margin:85px auto}}.footer{flex:1 1;padding:2rem 0;border-top:1px solid #a8b2d1}.footer,.footer p{display:flex;justify-content:center;align-items:center}.footer p{flex-grow:1;font-family:Montserrat,"sans-serif";color:#a8b2d1;font-weight:700}