#home-scroll-wrapper,#page-scroll-helper{position:absolute;width:100%;min-height:200vh;display:block}#intro{left:0;top:50%;width:100%;height:50%;opacity:1}#home-logo,#intro{position:absolute;z-index:5;transition:opacity 1s ease-in-out 0s}#home-logo{display:block;top:25%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 10px rgba(35,96,206,.27));width:230px;overflow:visible}#lower-side{opacity:0;animation:slide-up .7s cubic-bezier(.17,.67,.83,.67) .5s;animation-fill-mode:forwards}#upper-side{opacity:0;animation:slide-down .7s cubic-bezier(.17,.67,.83,.67) .5s;animation-fill-mode:forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(200%) rotate(0deg)}50%{transform:rotate(0deg)}55%{transform:translateY(-20%) rotate(10deg)}75%{transform:translateY(20%) rotate(-10deg)}to{transform:translateY(0) rotate(0deg);opacity:1}}@keyframes slide-down{0%{opacity:0;transform:translateY(-200%) rotate(0deg)}50%{transform:rotate(0deg)}55%{transform:translateY(20%) rotate(-10deg)}75%{transform:translateY(-20%) rotate(10deg)}to{transform:translateY(0) rotate(0deg);opacity:1}}#home-logo>img{height:280px;width:174p}.intro-outer-outer-container{width:100%;height:100%}.intro-scope .intro-outer-container{width:90%;margin:0 auto;position:relative;top:15%;height:70%;display:flex}.intro-scope .intro-outer-container::-webkit-scrollbar{width:0;background:transparent}.intro-scope .intro-inner-container{height:100%;max-height:1000px;margin:auto}.intro-scope .intro-margin-top-1{margin-top:0}.intro-scope .intro-margin-top-2{margin-top:2rem}.intro-scope .intro-margin-top-3{margin-top:1rem}.intro-scope .name{color:#0f3351;font-weight:600}.intro-scope .intro-text{color:#0f3351;font-weight:400}.intro-text-main{width:90%;align-self:center}.important-links{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content;position:relative;margin:0 auto}.intro-scope .intro-link{font-weight:500;font-style:italic}.intro-link{display:flex}.text-link .fa-regular{margin-right:10px}.intro-scope .intro-link a{transition:all .75s cubic-bezier(.1,.29,0,1);color:#0f3351}.intro-scope .intro-link span{opacity:0}.intro-scope .intro-link span,.intro-scope .intro-link:hover span{transition:all .25s cubic-bezier(.1,.29,0,1)}.intro-scope .intro-link:hover span{opacity:1}.intro-scope .intro-link:hover>a{color:#fff!important}.intro-scope .intro-link:active a,.intro-scope .intro-link:hover a{transition:all .25s cubic-bezier(.1,.29,0,1);padding-left:1rem}.intro-scope .intro-text-size-1{font-size:3.8rem}.intro-scope .intro-text-size-2{font-size:1.6rem}.intro-scope .intro-text-size-3{font-size:1.5rem}.intro-scope #portrait{width:17rem;border-radius:50%;display:block;margin-left:auto;margin-right:auto;margin-bottom:30px;overflow:hidden}.intro-scope .intro-left-container{justify-content:space-around}.intro-scope .intro-left-container,.intro-scope .intro-right-container{height:100%;display:flex;flex-direction:column}.intro-scope .intro-right-container{justify-content:flex-start;align-items:center}.intro-scope .intro-icon-container{position:relative;display:flex}.intro-scope .intro-icon-container a{position:relative;font-size:1.5rem;color:#fff}.intro-scope .intro-icon-container i{position:relative}.intro-scope .intro-icon-container i:after{content:"";width:3rem;height:3rem;border-radius:50%;display:block;position:absolute;left:50%;top:50%;z-index:-1;background-color:#000;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .5s cubic-bezier(.1,.29,0,1)}.intro-scope .intro-icon-container div:hover i:after{opacity:.1}.intro-scope .intro-icon-container div:active i:after,.intro-scope .intro-icon-container div:hover i:after{transform:translate(-50%,-50%) scale(1)}.intro-scope .intro-icon-container div:active i:after{opacity:.2}.intro-scope .intro-icon-left{width:80%}.intro-scope .intro-icon-left,.intro-scope .intro-icon-right{justify-content:space-between}.intro-scope .intro-icon-right a{margin:0 1rem}.intro-scope .intro-icon-left{position:relative;margin:0 auto;padding-top:30px}.intro-scope .intro-icon-left a{font-size:2rem;margin-left:10px;color:#000}@media (max-width:992px){.intro-scope .intro-right-container{display:none}.intro-scope .intro-left-container{width:80%}.intro-scope .intro-inner-container{display:flex;justify-content:center}}@media (min-width:992px){.intro-scope .intro-icon-left{display:none}}@media (min-width:300px) and (min-height:600px) and (max-width:400px) and (max-height:700px){.intro-scope .intro-text-size-2{font-size:1rem!important}.intro-scope .intro-margin-top-2{margin-top:1rem}}@media (min-width:350px) and (min-height:740px) and (max-width:370px) and (max-height:790px){.intro-scope .intro-margin-top-2{margin-top:1rem}}@media (max-width:450px) and (max-width:920px){.intro-scope .intro-text-size-1{font-size:2rem!important;white-space:nowrap}.intro-scope .intro-left-container{width:90%}.vertical-line-left{right:90%!important}.vertical-line-right{left:90%!important}}@media (max-width:600px){.intro-scope .margin-top-1{margin-top:1rem}.intro-scope .margin-top-2{margin-top:.5rem}.intro-scope .intro-text-size-1{font-size:2.5rem}.intro-scope .intro-text-size-2{font-size:1.2rem}}@media (min-width:1600px){.intro-scope .intro-text-size-1{font-size:4.5rem}.intro-scope .intro-text-size-2{font-size:2rem}}@media (min-width:620px) and (min-height:350px) and (max-width:920px) and (max-height:420px){.intro-scope .intro-text-size-1{font-size:1rem}.intro-scope .intro-text-size-2{font-size:.7rem}.intro-scope .intro-icon-left{display:none}.intro-scope .intro-right-container{display:block;width:20%}.intro-scope .intro-left-container{width:58.33333333%!important}.intro-scope #portrait{width:10rem}}.project-struct-left.before-enter[data-v-c1580102]{transform:translateX(500px)}.project-struct-right.before-enter[data-v-c1580102]{transform:translateX(-500px)}.before-enter[data-v-c1580102]{opacity:0;transition:all 2s cubic-bezier(.68,.57,.01,1.13);transition-delay:.5s}.enter[data-v-c1580102]{opacity:1!important;transform:translateX(0)!important}@media (max-width:450px){.project-struct-left.before-enter[data-v-c1580102]{transform:translateX(300px)}.project-struct-right.before-enter[data-v-c1580102]{transform:translateX(-300px)}}a{text-decoration:none!important}.content-show{display:block}#background-1{position:fixed;z-index:-1;top:0;left:0;display:block;width:100%;height:100%;transition:opacity 1.5s ease-out}#page-scroll-helper{min-height:100vh!important}.headroom-wrapper{position:fixed;z-index:20;width:100%}.headroom{width:100%;height:8vh;top:0;left:0;right:0;transition:all .2s ease-in-out;z-index:15;display:flex;justify-content:center}.headroom--unfixed{position:relative;transform:translateY(0)}.headroom--scrolled{transition:transform .2s ease-in-out}.headroom--unpinned{position:fixed;transform:translateY(-100%)}.headroom--pinned{position:fixed;transform:translateY(0)}#navbar{transition:all .65s cubic-bezier(.7,.3,0,1);z-index:16;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;width:100%}#navbar,#navbar a{color:#0f3351}#navbar .text-link{z-index:2;margin:0 30px;cursor:pointer}#navbar .text-link:not(.after-animation):before{content:"";position:relative;display:block;width:100%;height:2px;top:18px;z-index:7;left:0;background-color:#0f3351;transform:scaleX(0);transition:all .65s cubic-bezier(.7,.3,0,1);transform-origin:left;will-change:transform}#navbar .text-link:hover:before{transform:scaleX(1)}#navbar .text-link:after{content:"";position:relative;display:block;width:100%;height:2px;z-index:8;left:0;background-color:#0f3351;visibility:hidden;transform:scaleX(0);transition:all .65s cubic-bezier(.7,.3,0,1);transform-origin:right}#nav-background{width:100%;height:100%;position:absolute;left:0;background-color:#fff;box-shadow:0 2px 4px hsla(0,0%,50%,.12);z-index:-1}.nav-general{transition:all .1s linear;opacity:0}.after-animation:after{visibility:visible!important;transform:scaleX(1)!important}.vertical-line{cursor:pointer;position:fixed;z-index:10;width:2px;border-width:0 1rem;border-color:transparent;height:20%;background-color:#fff;border-style:solid;background-clip:padding-box;box-sizing:content-box;top:40%;transition:all .5s cubic-bezier(.32,-.12,.16,1.14)}.vertical-line:hover{transition:width .3s cubic-bezier(.32,-.12,.16,1.14);width:.8rem}.vertical-line-left{right:95%}.vertical-line-right{left:95%}#scroll-indicator-container-outer{position:fixed;left:50%;top:100%;transform:translate(-50%,-100%);z-index:15}#scroll-indicator-container-inner{width:100%;display:flex;display:-webkit-flex;flex-direction:column;justify-content:center;cursor:pointer;color:#0f3351;font-size:11px;font-weight:700}#scroll-indicator-container-inner:hover #highlight:after{opacity:.1;transform:translate(-50%,1rem) scale(1)}#scroll-indicator-container-inner:active #highlight:after{opacity:.2}@media (hover:none){#scroll-indicator-container-inner:hover #highlight:after{opacity:0;transform:translate(-50%,1rem) scale(0)}#scroll-indicator-container-inner:active #highlight:after{opacity:.2;transform:translate(-50%,1rem) scale(1)}}.center-container{display:flex;display:-webkit-flex;justify-content:center}#greeting-text{padding-right:.2rem;font-size:1rem;white-space:nowrap;overflow:hidden;visibility:visible}.greeting-hidden{visibility:hidden!important}.anim-typewriting{animation:typewriterDesktop 3.5s steps(15) 1s 1 normal both,blinkTextCursor 4s linear 4.5s normal,blink-animation 2s steps(5,start) 8.5s infinite}@media(max-width:899px){.anim-typewriting{animation:typewriterMobile 3.5s steps(15) 1s 1 normal both,blinkTextCursor 4s linear 4.5s normal,blink-animation 2s steps(5,start) 8.5s infinite}}@keyframes typewriterDesktop{0%{border-right:2px solid rgba(0,0,0,.6);max-width:0}to{max-width:11rem}}@keyframes typewriterMobile{0%{border-right:2px solid rgba(0,0,0,.6);min-width:0;width:0}to{min-width:9rem;width:9rem}}@keyframes blinkTextCursor{0%{border-right:2px solid rgba(0,0,0,.6)}20%{border-right-color:transparent}40%{border-right-color:rgba(0,0,0,.6)}60%{border-right-color:transparent}80%{border-right-color:rgba(0,0,0,.6)}to{border-right:0;border-right-color:transparent}}@keyframes blink-animation{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}.greeting-show{visibility:visible}#highlight:after{content:"";width:8rem;height:8rem;border-radius:50%;display:block;position:absolute;left:50%;top:0;z-index:-1;background-color:#000;opacity:0;transform:translate(-50%,1rem) scale(0);transition:all .5s cubic-bezier(.1,.29,0,1)}#down-arrow{width:1rem;height:1rem;margin:1rem 0 1.5rem;transition:all .65s cubic-bezier(.7,.3,0,1)}.arrow-up{transform:rotate(180deg)}.arrow-down{transform:rotate(0deg)}#page-content{width:100%;position:absolute;transition:opacity 1s cubic-bezier(.51,.6,.17,1)}#page-scroll-helper{visibility:hidden}.font-title{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.font-focus{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace}@media (max-width:500px){#greeting-text{font-size:.8rem}}#page-scroll-helper,#work-scroll-wrapper{overflow:hidden;position:absolute;width:100%;display:block}#mywork{position:relative;top:10%;width:70%;min-height:50%;z-index:5;opacity:1;margin:0 auto;padding-bottom:1px;padding-top:11vh;transition:opacity 1s ease-in-out 0s}.horizontal-line{cursor:pointer;position:relative;z-index:10;width:30%;border-width:0 1rem;border-color:transparent;height:2px;background-color:#fff;border-style:solid;background-clip:padding-box;box-sizing:content-box;transition:all .5s cubic-bezier(.32,-.12,.16,1.14);animation:growLine 2s cubic-bezier(.32,-.12,.16,1.14) 0s}.horizontal-line:hover{transition:height .3s cubic-bezier(.32,-.12,.16,1.14);height:.8rem}@keyframes growLine{0%{width:0;height:2px}60%{width:30%;height:2px}80%{width:30%;height:.8rem}}.nav-work{transition:all .1s linear 1s;background-color:#0ba7df!important;-ms-box-shadow:0 10px 10px rgba(0,0,0,.2)!important;-o-box-shadow:0 10px 10px rgba(0,0,0,.2)!important;box-shadow:0 10px 10px rgba(0,0,0,.2)!important}.project{display:flex;width:100%;margin-bottom:6rem;justify-content:flex-end}.project-struct-right{flex-direction:row-reverse}.work-content .project:last-of-type{margin-bottom:3rem}.work-title-container{position:relative;margin-bottom:2rem;gap:10px}.work-title,.work-title-container{display:flex;align-items:center;justify-content:center}.work-title h2{white-space:nowrap;color:#fff;font-size:2.5rem}.project-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%;z-index:3}.project-content-reverse{align-items:flex-end!important}.project-overline{margin-bottom:.5rem;color:#fff}.project-title{margin-right:5px;white-space:nowrap}.project-tech-list{display:flex;flex-wrap:wrap;position:relative;z-index:2;width:100%;margin:25px 0 20px;padding:0 10px;list-style:none;justify-content:space-between;gap:10px}.project-tech-list li:hover{color:#fff;text-shadow:2px 2px rgba(0,0,0,.3)}.project-description{position:relative;box-shadow:0 10px 30px -15px rgba(2,12,27,.7);background-color:#112240;border-radius:5px;padding:15px;width:130%}.project-description p{color:#a8b2d1;padding:0;margin:0}.project-image{width:60%;display:grid;border-radius:10px;box-shadow:0 10px 30px -15px rgba(2,12,27,.7)}.project-image *{grid-row-start:1;grid-column-start:1}.project-image-overlay{background:#0f2444;opacity:.6;z-index:2;border-radius:10px}.project-image img{-o-object-fit:cover;object-fit:cover;max-width:100%;height:100%;filter:grayscale(100%) contrast(1) brightness(90%);display:block;border-radius:10px}.project-image:hover img{filter:none;transition:all .5s cubic-bezier(.32,-.12,.16,1.14)}.project-image:hover .project-image-overlay{opacity:0;transition:all .5s cubic-bezier(.32,-.12,.16,1.14)}.copyright{margin-bottom:1rem}.copyright .copy-symbol:hover{color:#fff}@media (max-width:920px){#mywork{width:85%}.project-title{font-size:1.4rem}#mywork p{font-size:11px}}@media (max-width:450px){.work-title h2{font-size:1.4rem}.work-title-container{gap:0}#mywork{padding-top:25%;width:85%}#work-scroll-wrapper .vertical-line,.project-image-overlay{display:none!important}.project{display:grid}.project *{grid-row-start:1;grid-column-start:1}.project-content,.project-description,.project-image{width:100%}.project-description{background-color:transparent;box-shadow:none}.project-description p{color:#fff;text-align:left}.project-content{background:rgba(17,34,64,.8);padding:20px;color:#fff!important}.project-content-reverse{align-items:flex-start!important}.horizontal-line{height:4px}}#about-scroll-wrapper,#page-scroll-helper{position:absolute;width:100%;min-height:200vh;display:block;overflow-x:hidden}#aboutme{position:relative;width:80%;margin:0 auto;padding-top:10%}#aboutme,#bio{z-index:5;opacity:1;transition:opacity 1s ease-in-out 0s}#bio{position:absolute;left:0;top:100vh;width:100%;height:100vh}.vertical-line-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;z-index:10;width:1rem;height:100%;transition:all .5s cubic-bezier(.32,-.12,.16,1.14)}.vertical-line{height:20vh}.vertical-line-container .vertical-line{position:static}.email-vertical-wrapper,.social-media-wrapper{flex:0;max-width:-moz-fit-content;max-width:fit-content}.dummy{flex:0;transition:flex 1s cubic-bezier(.78,.67,.39,1.26) .5s}.reposition-vertical-container .dummy{flex:auto}.reposition-vertical-container .vertical-line{height:30vh}.reposition-vertical-line{height:30vh;top:70%;transition:all .5s cubic-bezier(.78,.67,.39,1.26) .5s}.social-media-list{list-style:none;padding:0;margin:0}#social-media-item{transform:translateX(-100%);transition:transform .5s,opacity 2s;opacity:0}.show-media-item-animation{opacity:1!important;transform:translateX(0)!important}.social-media-list li{margin-bottom:.5rem}.social-media-list li a{color:#fff;font-size:1.5rem}.social-media-list i:after{content:"";width:3rem;height:3rem;border-radius:50%;display:block;position:absolute;left:50%;top:50%;z-index:-1;background-color:#000;opacity:0;transform:translate(-50%,-50%) scale(0);transition:all .5s cubic-bezier(.1,.29,0,1)}.social-media-list li:hover i:after{opacity:.1}.social-media-list li:active i:after,.social-media-list li:hover i:after{transform:translate(-50%,-50%) scale(1)}.social-media-list li:active i:after{opacity:.2}.email-vertical{writing-mode:vertical-rl;text-orientation:mixed;margin-bottom:1rem;font-size:1rem}.email-vertical a{text-decoration:none;color:#fff;animation:fade-in 1s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.email-vertical a:hover{color:#fff}.typewriting-container{width:100%;display:flex;flex-direction:column;text-align:left}.animated-writing{font-size:4rem;font-weight:400;white-space:nowrap}h1 span.typed-text{color:#fc6d6d}.blinking-cursor{font-size:4rem;color:#2c3e50;animation:blink 1s step-end infinite}@keyframes blink{0%,to{color:transparent}50%{color:#2c3e50}}.btn-box{margin-top:10%}.btn-about{line-height:50px;height:50px;text-align:center;width:250px;cursor:pointer;color:#fff;transition:all .5s;position:relative;border:0 solid;box-shadow:inset 0 0 20px hsla(0,0%,100%,0);outline:1px solid;outline-color:hsla(0,0%,100%,.5);outline-offset:0;text-shadow:none;transition:all 1.25s cubic-bezier(.19,1,.22,1)}.btn-about:hover{border:1px solid;box-shadow:inset 0 0 20px hsla(0,0%,100%,.5),0 0 20px hsla(0,0%,100%,.2);outline-color:hsla(0,0%,100%,0);outline-offset:15px;text-shadow:1px 1px 2px #427388}.btn-about span{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bio-outer-container{width:100%;height:100%}.bio-inner-container{position:absolute;top:50%;left:50%;height:80%;width:100%;transform:translate(-50%,-50%);overflow:hidden;margin:25px auto!important;border:2px solid hsla(0,0%,100%,.5);box-shadow:0 10px 30px -15px rgba(2,12,27,.7);border-radius:10px}.bio-image{display:flex;justify-content:center;align-items:center;overflow:hidden;border-right:2px solid hsla(0,0%,100%,.5)}.bio-image img{flex-shrink:0;min-width:100%;min-height:100%;transform:scale(1);transition:all 1s cubic-bezier(.35,.97,.42,.3)}.bio-image:hover img{transform:scale(1.2);transition:all .7s cubic-bezier(.78,.63,.59,1.33) 1s}.bio-image *{grid-row-start:1;grid-column-start:1}.bio-image img{width:100%;-o-object-fit:cover;object-fit:cover}.bio-image-overlay{display:none!important;position:absolute;bottom:0;background:#0f2444;width:100%;height:40%;opacity:.6;z-index:2;display:flex;justify-content:center;align-items:center;padding:0 10%;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}.bio-image-overlay p{color:#fff;font-size:35px;line-height:60px;font-weight:700}.bio-txt-container{display:flex}.inner-bio-text{padding:15px 30px;align-self:center}.inner-bio-text li,.inner-bio-text p{text-align:left;font-weight:600;font-size:2vmin;color:#0f3351}.inner-bio-text p:last-of-type{margin-bottom:0}.bio-list-of-tech{-moz-columns:3;-ms-columns:3;-o-columns:3;columns:3;width:60%;margin:0 auto;text-align:left}.bio-list-of-tech li{list-style:none}.bio-list-of-tech li:hover{color:#fff;text-shadow:2px 2px rgba(0,0,0,.3)}.bio-list-of-tech li:before{content:"▹";left:0;margin-right:5px;color:#fff;font-size:20px;line-height:12px}.btn-scroll-up{animation:slide-up-arrow 6s ease-out}@keyframes slide-up-arrow{0%{opacity:0;transform:translateY(100px)}30%{opacity:1;transform:translateY(0)}40%{transform:scale(1.1)}45%{opacity:0}50%{transform:scale(1)}55%{opacity:1}60%{transform:scale(1.1)}65%{opacity:0}70%{transform:scale(1)}75%{opacity:1}80%{transform:scale(1.1)}90%{opacity:0}to{transform:scale(1)}}@media (max-width:992px){.animated-writing,.blinking-cursor{font-size:7vw;line-height:7vw}.about-greeting{font-size:5vw;margin-top:3rem}.bio-inner-container{display:block!important}.bio-image{margin:20px!important;float:left!important;height:20vh!important;width:20vh!important;border-radius:50%!important;flex:none!important;border:2px solid hsla(0,0%,100%,.7)!important;-ms-box-shadow:2px 5px 5px 0 rgba(0,0,0,.5);-o-box-shadow:2px 5px 5px 0 rgba(0,0,0,.5);box-shadow:2px 5px 5px 0 rgba(0,0,0,.5)}.bio-txt-container{width:100%!important;display:block!important}}@media (min-width:1250px) and (min-height:770px) and (max-width:1350px) and (max-height:810px){.inner-bio-text li,.inner-bio-text p{font-size:1.1vw}}@media (min-width:1250px) and (min-height:1000px) and (max-width:1350px) and (max-height:1100px){.inner-bio-text li,.inner-bio-text p{font-size:1.1vw}.bio-inner-container{height:60%}}@media (min-width:1000px) and (min-height:750px) and (max-width:1100px) and (max-height:800px){.inner-bio-text li,.inner-bio-text p{font-size:1.1vw}.bio-inner-container{height:70%}}@media (min-width:300px) and (min-height:600px) and (max-width:400px) and (max-height:700px){.inner-bio-text li,.inner-bio-text p{font-size:2.4vmin!important}}@media (max-width:450px) and (max-width:910px){.inner-bio-text li,.inner-bio-text p{font-size:2.6vmin}.bio-inner-container{width:90%;height:85%}.bio-image{height:15vh!important;width:15vh!important;margin:10px!important}.inner-bio-text{padding:0!important}.bio-list-of-tech{width:90%;padding-left:0;-moz-column-gap:0;column-gap:0}}#app{font-family:Verdana,Geneva,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.page-opacity-enter-active,.page-opacity-leave-active{transition:all .6s ease}.page-opacity-enter-from,.page-opacity-leave-to{opacity:0}