body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.stick_follow_icon{height:200px;left:30px;margin-top:-100px;position:fixed;top:50%;width:20px}.stick_follow_icon ul{list-style:none;margin:0;padding:0}.stick_follow_icon svg{fill:var(--text-color);height:1.3em;width:1.3em}.stick_follow_icon p{color:var(--text-color);font-size:12px;font-weight:600;height:20px;left:-24px;line-height:1.2;position:relative;top:70px;transform:rotate(-90deg);white-space:nowrap;width:68px}.stick_follow_icon ul li{display:block;font-size:12px;margin-bottom:10px;text-align:center;transition:all .3s}.stick_follow_icon p:after{background-color:var(--text-color);content:"";display:block;height:1px;position:absolute;right:-48px;top:9px;width:40px}@media only screen and (max-width:500px){.icon{font-size:2em}}@media only screen and (max-width:1170px){.icon{font-size:2em}.stick_follow_icon{align-items:center;display:flex;flex-direction:row-reverse;height:auto;justify-content:center;margin-top:0;padding:40px 0;position:static;width:auto}.stick_follow_icon p{font-size:17px;height:auto;left:auto;margin-right:65px;position:relative;top:auto;transform:none;white-space:nowrap;width:auto}.stick_follow_icon ul{margin-bottom:20px}.stick_follow_icon ul li{display:inline;margin-bottom:29px;margin-right:10px}}@media only screen and (min-width:801px) and (max-width:3100px){.icon{font-size:2em}}@media (min-width:2000px) and (min-height:1250px){.icon{font-size:4.5em}}.navbar{z-index:1000}.App.light .navbar{background-color:var(--light-background);bottom:0;color:var(--light-text-color);position:fixed;width:100%}.App.dark .navbar{background-color:var(--dark-background);bottom:0;color:var(--dark-text-color);position:fixed;width:100%}.navbar ul{display:flex;justify-content:space-around;list-style-type:none;margin:0;padding:2.5vh}.navbar li{margin:0}.navbar a,.navbar a:visited{color:inherit;text-decoration:none}.icon-container{align-items:center;display:flex;position:relative}.icon-text{left:50%;opacity:0;position:absolute;top:0;transform:translateX(-50%) translateY(-100%);transition:opacity .3s ease,transform .3s ease}.nav-icon{opacity:1;transition:opacity .3s ease}.icon-link:hover .nav-icon{opacity:0}.icon-link:hover .icon-text{opacity:1;transform:translateX(-50%) translateY(0)}@media screen and (max-width:799px){.App.light .navbar a{color:var(--light-text-color)}.App.dark .navbar a,.App.light .navbar a{font-size:1em;font-weight:700;text-decoration:none}.App.dark .navbar a{color:var(--dark-text-color)}}@media (min-width:800px){.navbar a{font-size:2em;font-weight:700}}.about{margin-bottom:25vh}.skills{text-align:center}.skills h3{font-size:2.5em;font-weight:700}.skills-container{grid-gap:5vh;align-items:center;display:grid;justify-items:center;margin-bottom:5vh}.skills-section h4{font-size:1.5em;font-weight:700;margin-bottom:10px}.skill{text-align:left;width:100%}.App.light .progress-bar{background-color:var(--light-accent-opposite-color);border-radius:.4em;height:1vh;margin-top:.6em}.App.dark .progress-bar{background-color:var(--dark-accent-opposite-color);border-radius:5px;height:1vh;margin-top:5px}.App.light .progress{background-color:var(--light-accent-color);border-radius:5px;height:100%}.App.dark .progress{background-color:var(--dark-accent-color);border-radius:5px;height:100%}.App.light .skills-section{border:2px solid var(--light-border-color);border-radius:1em;padding:20px;width:60vw}.App.dark .skills-section{border:2px solid var(--dark-border-color);border-radius:1em;padding:20px;width:60vw}@media (min-width:800px) and (min-height:800px){.centered-text{align-items:flex-start;display:flex;height:100vh;justify-content:center}.skills{text-align:center}.skill{text-align:left;width:100%}.App.light .progress-bar{background-color:var(--light-accent-opposite-color);border-radius:5px;height:10px;margin-top:5px}.App.dark .progress-bar{background-color:var(--dark-accent-opposite-color);border-radius:5px;height:10px;margin-top:5px}.App.light .progress{background-color:var(--light-accent-color);border-radius:5px;height:100%}.App.dark .progress{background-color:var(--dark-accent-color);border-radius:5px;height:100%}.App.dark .skills-container,.App.light .skills-container{grid-gap:10vw;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;margin-left:20vw;margin-right:20vw}.App.light .skills-section{border:2px solid var(--light-border-color);padding:20px;width:30vw}.App.dark .skills-section{border:2px solid var(--dark-border-color);padding:20px;width:30vw}}h4{font-size:2em;font-weight:700}@media (max-width:500px){.circle-section{grid-gap:60px;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center}.circle-container{margin:0 10vw}}.App.dark .circle-section,.App.light .circle-section{margin-left:20vw;margin-right:20vw}.circle-progress{flex:1 1;text-align:center}.App.light .circle-background{fill:none;stroke:var(--light-accent-opposite-color);stroke-width:10}.App.dark .circle-background{fill:none;stroke:var(--dark-accent-opposite-color);stroke-width:10}.App.light .circle-bar{stroke:var(--light-circle-color);stroke-width:10;stroke-linecap:round}.App.dark .circle-bar,.App.light .circle-bar{fill:none;transition:stroke-dashoffset .5s ease}.App.dark .circle-bar{stroke:var(--dark-circle-color);stroke-width:10;stroke-linecap:round}.App.light .circle-text{fill:var(--light-text-color);font-size:1em;font-weight:700}.App.dark .circle-text{fill:var(--dark-text-color);font-size:1em;font-weight:700}.App.light .circle-label{color:var(--light-text-color);font-weight:700;margin-top:.4em}.App.dark .circle-label{color:var(--dark-text-color);font-weight:700;margin-top:.4em}@media (min-width:800px){.App.light .circle-section{border:.15em solid var(--light-border-color);border-radius:1em;padding-top:20px}.App.dark .circle-section,.App.light .circle-section{align-items:center;box-sizing:border-box;display:flex;height:20vh;justify-content:center;width:80vw}.App.dark .circle-section{border:.15em solid var(--dark-border-color);border-radius:1em}.circle-section h4{font-size:2.5em;font-weight:700;margin-bottom:40vh;position:absolute}.circle-progress-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.circle-progress{flex:1 1;text-align:center}.circle-background,.circle-bar{fill:none;stroke-width:15}.circle-bar{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.circle-text{font-size:1.3em;font-weight:700}.circle-label{font-weight:700;margin-top:1em}}@media (min-width:2000px) and (min-height:1000px){.App.light.circle-section{border:.15em solid var(--light-border-color);border-radius:1em}.App.dark .circle-section,.App.light.circle-section{align-items:center;box-sizing:border-box;display:flex;height:20vh;justify-content:center;width:80vw}.App.dark .circle-section{border:.15em solid var(--dark-border-color);border-radius:1em}.circle-section h4{font-size:2.5em;font-weight:700;margin-bottom:35vh;position:absolute}.circle-progress-container{align-items:center;display:flex;flex-wrap:nowrap;justify-content:space-between}.circle-progress{flex:1 1;text-align:center}.circle-background,.circle-bar{fill:none;stroke-width:15}.circle-bar{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.circle-text{font-size:1.3em;font-weight:700}.circle-label{font-weight:700;margin-top:.75em}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.Timeline{display:flex;flex-direction:column;height:100vh}.timeline-header{font-size:2em;order:1}.App.light .vertical-timeline-element-date{color:var(--light-text-color);font-size:1.25em}.App.dark .vertical-timeline-element-date{color:var(--dark-text-color);font-size:1.25em}.vertical-timeline-element-subtitle{font-size:1.5em}.App.light .vertical-timeline-element-subtitle{color:var(--light-text-color)}.App.dark .vertical-timeline-element-subtitle{color:var(--dark-text-color)}.vertical-timeline-element-text{font-size:1.25rem;font-weight:500}.timeline-container{flex:1 1;overflow-y:scroll;padding:20px}.App.light .timeline-header{color:var(--light-text-color)}.App.dark .timeline-header{color:var(--dark-text-color)}.App.light .vertical-timeline{color:var(--light-text-color)}.App.light .vertical-timeline-element-icon{background:var(--light-accent-color);box-shadow:0 0 0 .3em var(--light-text-color)}.App.dark .vertical-timeline-element-icon{background:var(--dark-accent-color);box-shadow:0 0 0 .3em var(--dark-border-color)}.App.light .vertical-timeline-element-content{background-color:var(--light-background);border:.25rem solid var(--light-text-color);border-radius:.5em;box-shadow:none;color:var(--light-text-color)}.App.light .vertical-timeline-element-content-arrow{border:15px solid #0000;border-right:15px solid var(--light-text-color);content:"";height:0;position:absolute;right:100%;top:1vw;width:0}.App.dark .vertical-timeline-element-content{background-color:var(--dark-background);border:.25rem solid var(--dark-border-color);border-radius:.5em;box-shadow:none;color:var(--dark-accent-color)}.App.dark .vertical-timeline-element-content-arrow{border:15px solid #0000;border-right:15px solid var(--dark-border-color);content:"";height:0;position:absolute;right:100%;top:1vw;width:0}.App.light .vertical-timeline:before{--line-color:var(--light-text-color)}.App.dark .vertical-timeline:before{--line-color:var(--dark-border-color)}:root{--light-background:#d3d3d3;--light-text-color:#121212;--light-border-color:#a6a6a6;--light-typewriter-color:#737373;--light-accent-color:#dbedf7;--light-accent-opposite-color:#a6a6a6;--light-icon-color:#121212;--light-circle-color:#dbedf7;--dark-background:#121212;--dark-text-color:#d3d3d3;--dark-border-color:#353535;--dark-typewriter-color:#737373;--dark-accent-color:#23ec98;--dark-accent-opposite-color:#353535;--dark-icon-color:#d3d3d3;--dark-circle-color:#23ec98;--typewriter-font-weight:bold}section{margin-bottom:40px}.App .hero-container{height:100vh;position:relative}.App{overflow-x:hidden;text-align:center}.App.light{background-color:#d3d3d3;background-color:var(--light-background);color:#121212;color:var(--light-text-color)}.App.dark{background-color:#121212;background-color:var(--dark-background);color:#d3d3d3;color:var(--dark-text-color)}.App.dark .typewriter{color:#737373;color:var(--dark-typewriter-color)}.App.dark .typewriter,.App.light .typewriter{font-weight:700;font-weight:var(--typewriter-font-weight);text-align:var(--typewriter-text-align)}.App.light .typewriter{color:#737373;color:var(--light-typewriter-color)}.App .hero{align-items:center;display:flex;height:100vh}.App .hero-text h1{bottom:10vh;font-size:3em;font-weight:700;width:100vw}.App .hero-text p1{display:none;font-size:1em;font-weight:700}.metamask-logo{cursor:pointer;height:50px;position:absolute;right:10px;top:10px;width:50px}.App .herofooter{bottom:5vh;font-size:.75em;font-weight:700;margin:15 auto;overflow:hidden;position:relative;text-align:center}.App.dark .hero-image{background-image:url(/static/media/dark-mount.e11f92db19506b969b2a.jpeg)}.App.light .hero-image{background-image:url(/static/media/hero-mount2.5b79a3eec4a4c089e517.jpeg)}.App .hero-text-dark,.App .hero-text-light{flex:1 1}.App .custom-text-style{text-align:center}.App .typewriter-container{bottom:5vh;font-size:3vh;height:100px;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.App.light .stick_follow_icon{color:#121212;color:var(--light-icon-color)}.App.light .icon{fill:#121212;fill:var(--light-icon-color)}.App.dark .stick_follow_icon{color:#d3d3d3;color:var(--dark-icon-color)}.App.dark .icon{fill:#d3d3d3;fill:var(--dark-icon-color)}.App-logo{height:40vmin;pointer-events:none}.App-header{align-items:center;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)}}@media (min-width:1170px) and (min-height:800px){.App .hero-image{background-position:100%;background-size:cover;flex:1 1;height:100%;transition:opacity .3s ease;width:50vw}.App .hero-text h1{font-size:3vw;font-weight:700;text-align:center;width:50vw}.App .hero-text p1{font-size:2em;font-weight:700;text-align:center}.App .herofooter{bottom:10vh;font-size:1.4em;font-weight:700;left:0;position:absolute;right:0;text-align:center}.App .custom-text-style{text-align:left}.App .typewriter-container{font-size:4vh;height:150px;margin-left:10vw;overflow:hidden}}@media (min-width:2000px) and (min-height:1250px){.App .hero-text p1{font-size:2em;font-weight:700;text-align:center}.App .herofooter{bottom:10vh;font-size:2.2em;font-weight:700;left:0;position:absolute;right:0;text-align:center}.App .custom-text-style{text-align:left}.App .typewriter-container{font-size:2vw;font-weight:700;height:200px;margin-left:10vw;overflow:hidden;text-align:center}}
/*# sourceMappingURL=main.b52c3913.css.map*/