html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.mouse-position{position:absolute;bottom:40px;right:50%}.mouse-container{display:block;text-align:center}.mouse-container .mouse-outer{position:relative;display:inline-block;height:40px;width:20px;border:2px solid var(--tertiary-color-18);border-radius:40px;transition:border-color .2s ease-in-out;-moz-transition:border-color .2s ease-in-out;-webkit-transition:border-color .2s ease-in-out;-o-transition:border-color .2s ease-in-out}.mouse-container .mouse-outer .mouse-wheel{position:absolute;top:10%;left:50%;margin-left:-1.6666666667px;height:10px;width:4px;background-color:var(--tertiary-color-18);border-radius:4px;transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;-webkit-animation:scroll 1.4s linear infinite;animation:scroll 1.4s linear infinite}.mouse-container .mouse-outer:hover{border-color:hsla(0,0%,100%,.4)}.mouse-container .mouse-outer:hover .mouse-wheel{background-color:hsla(0,0%,100%,.4)}@-webkit-keyframes scroll{0%{-webkit-transform:scaleY(.5) translateY(0);transform:scaleY(.5) translateY(0)}20%{-webkit-transform:scaleY(1) translateY(5px);transform:scaleY(1) translateY(5px)}60%{-webkit-transform:scaleY(.5) translateY(15px);transform:scaleY(.5) translateY(15px)}to{-webkit-transform:scaleY(.5) translateY(0);transform:scaleY(.5) translateY(0)}}@keyframes scroll{0%{-webkit-transform:scaleY(.5) translateY(0);transform:scaleY(.5) translateY(0)}20%{-webkit-transform:scaleY(1) translateY(5px);transform:scaleY(1) translateY(5px)}60%{-webkit-transform:scaleY(.5) translateY(15px);transform:scaleY(.5) translateY(15px)}to{-webkit-transform:scaleY(.5) translateY(0);transform:scaleY(.5) translateY(0)}}@media(max-width:360px){.mouse-position{display:none}}#HeroArea{height:100vh;width:100vw;background:var(--tertiary-color);z-index:-1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.HeroContainer{text-align:left}h1{margin:0}.BoldText{font-weight:bolder}.Text-1{color:var(--secondary-color-3);font-size:1.5em;letter-spacing:1px}.Text-2{font-size:6.5em;margin-bottom:1.5vh;color:var(--primary-color-2)}.Text-3{margin-bottom:2vh;width:50%;font-size:1.5em;color:var(--quaternary-color)}.GetInTouch-Btn{padding:15px 40px;background:transparent;color:var(--secondary-color-4);border:1.5px solid var(--secondary-color-5);font-weight:700;font-size:1.1em}.GetInTouch-Btn:hover{color:var(--primary-color-2);background:var(--secondary-color-5);border-bottom:3px solid var(--secondary-color-4)}.GetInTouch-Btn:focus{outline:none}.GetInTouch-Btn:active{margin-top:2px;background:var(--secondary-color-6);border-bottom:1px solid var(--secondary-color-7);transform:translateY(2px);-moz-transform:translateY(2px);-webkit-transform:translateY(2px);-o-transform:translateY(2px)}@media(max-width:1260px){.Text-1{font-size:1.2em}.Text-2{font-size:4em}.Text-3{font-size:1.3em;width:65%}}@media(min-width:2560px){.Text-1{font-size:1.8em}.Text-2{font-size:6em}.Text-3{font-size:2.6em;width:65%}.GetInTouch-Btn{padding:1vh 3vh;font-size:2em}}@media(min-width:3840px){.Text-1{font-size:4em}.Text-2{font-size:8em}.Text-3{font-size:5em;width:65%}.GetInTouch-Btn{padding:1vh 3vh;font-size:4em}}@media(max-width:800px){.Text-1{font-size:1.2em}.Text-2{font-size:3em}.Text-3{font-size:1.3em;width:75%}}@media(max-width:450px){.Text-1{font-size:1.2em}.Text-2{font-size:3em}.Text-3{font-size:1.3em;width:100%}}.Nav-Bar{position:fixed;top:0;left:0;right:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;font-family:"Roboto",sans-serif;letter-spacing:1.1px;z-index:1;padding:2vh 10%;background:transparent}.Nav-Dark{background:var(--primary-color);animation:menu-anime 1s ease forwards;-moz-animation:menu-anime 1s ease forwards;-webkit-animation:menu-anime 1s ease forwards;-o-animation:menu-anime 1s ease forwards}.Container{width:80%;margin:auto}#Menu{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#Menu,#Menu ul{display:-webkit-flex;display:flex}#Menu ul{list-style:none;-webkit-flex-direction:row;flex-direction:row;text-align:center;transform:translateY(-30%);-moz-transform:translateY(-30%);-webkit-transform:translateY(-30%);-o-transform:translateY(-30%)}#Menu ul li{margin:0 20px}#Menu ul li a{color:var(--primary-color-2);text-decoration:none;padding:3px}#Menu ul li a:hover{color:var(--secondary-color)}#Logo{width:12vw}#Logo svg{position:relative;stroke-width:3;top:50%}.menu,input{display:none}.menu svg path{fill:none;stroke:var(--secondary-color-2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;--length:24;--offset:-38;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(.645,.045,.355,1);-moz-transition:all .8s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .8s cubic-bezier(.645,.045,.355,1);-o-transition:all .8s cubic-bezier(.645,.045,.355,1)}circle{fill:rgba(0,0,0,.4666666666666667);opacity:0}label:hover circle{opacity:1}.cross input:checked+svg .line--1,.cross input:checked+svg .line--3{--length:22.627416998}.cross input:checked+svg .line--2{--length:0}.back input:checked+svg .line--1,.back input:checked+svg .line--3{--length:8.602325267}.menu--2 .line--1,.menu--2 .line--3{--total-length:111.22813415527344;--offset:-50.22813415527344}.menu--2 .line--2{--total-length:99}.menu--2 input:checked+svg path{transform:translateX(30px);-moz-transform:translateX(30px);-webkit-transform:translateX(30px);-o-transform:translateX(30px)}.menu--2 input:checked+svg .line--1,.menu--2 input:checked+svg .line--3{--offset:-16.9705627485}.menu--2 input:checked+svg .line--2{--offset:-20}@media(max-width:1000px){.Nav-Bar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;padding:3vh 0 0;background:var(--primary-color);width:100%;margin:0}.menu{display:block;width:5vw;justify-self:end;-webkit-align-self:start;align-self:start;padding-right:5vw;padding-bottom:1vh}#Logo{width:10vw;padding-left:5vh}#Menu{display:grid;grid-template-columns:80vw 20vw}#Menu ul{-webkit-flex-direction:column;flex-direction:column;display:none;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}#Menu ul li{padding:5px}#Menu ul li a{color:var(--secondary-color-2)}}@media(min-width:2560px){#Logo{width:10vw;padding-left:0}#Menu ul li a{font-size:1.6em}}@media(min-width:3840px){#Logo{width:15vw;padding-left:0}#Menu ul li a{font-size:2.5em}}@media(max-width:600px){.menu svg{width:40px;height:40px}#Logo svg{width:100px;height:50px}}@keyframes menu-anime{0%{opacity:0}to{opacity:1}}@-webkit-keyframes menu-anime{0%{opacity:0}to{opacity:1}}.Nav-Bar-ScrollDown{animation:navbar-scrolldown-anime .6s ease forwards;-moz-animation:navbar-scrolldown-anime .6s ease forwards;-webkit-animation:navbar-scrolldown-anime .6s ease forwards;-o-animation:navbar-scrolldown-anime .6s ease forwards}.Nav-Bar-ScrollUp{animation:navbar-scrollup-anime .6s ease forwards;-moz-animation:navbar-scrollup-anime .6s ease forwards;-webkit-animation:navbar-scrollup-anime .6s ease forwards;-o-animation:navbar-scrollup-anime .6s ease forwards}#Menu ul li a.a-OnScrollDown{animation:atags-scrolldown-anime .6s ease forwards;-moz-animation:atags-scrolldown-anime .6s ease forwards;-webkit-animation:atags-scrolldown-anime .6s ease forwards;-o-animation:atags-scrolldown-anime .6s ease forwards}#Menu ul li a.a-OnScrollup{animation:atags-scrollup-anime .6s ease forwards;-moz-animation:atags-scrollup-anime .6s ease forwards;-webkit-animation:atags-scrollup-anime .6s ease forwards;-o-animation:atags-scrollup-anime .6s ease forwards}#Logo.logo-OnScrollUp{animation:logo-scrollup-anime .6s ease forwards;-moz-animation:logo-scrollup-anime .6s ease forwards;-webkit-animation:logo-scrollup-anime .6s ease forwards;-o-animation:logo-scrollup-anime .6s ease forwards}#Menu ul.ul-OnScrollDown{animation:ul-scrolldown-anime .6s ease forwards;-moz-animation:ul-scrolldown-anime .6s ease forwards;-webkit-animation:ul-scrolldown-anime .6s ease forwards;-o-animation:ul-scrolldown-anime .6s ease forwards}#Menu ul.ul-OnScrollUp{animation:ul-scrollup-anime .6s ease forwards;-moz-animation:ul-scrollup-anime .6s ease forwards;-webkit-animation:ul-scrollup-anime .6s ease forwards;-o-animation:ul-scrollup-anime .6s ease forwards}@keyframes navbar-scrolldown-anime{0%{padding:2vh 10%;background:transparent}to{padding:0 10%;background:var(--primary-color)}}@-webkit-keyframes navbar-scrolldown-anime{0%{padding:2vh 10%;background:transparent}to{padding:0 10%;background:var(--primary-color)}}@keyframes atags-scrolldown-anime{0%{color:var(--primary-color-2)}to{color:var(--tertiary-color)}}@-webkit-keyframes atags-scrolldown-anime{0%{color:var(--primary-color-2)}to{color:var(--tertiary-color)}}@keyframes logo-scrolldown-anime{0%{-webkit-transform:translateY(0);transform:translateY(0);width:12vw}to{-webkit-transform:translateY(15%);transform:translateY(15%);width:7vw}}@-webkit-keyframes logo-scrolldown-anime{0%{transform:translateY(0);-webkit-transform:translateY(0);width:12vw}to{transform:translateY(15%);-webkit-transform:translateY(15%);width:7vw}}@keyframes ul-scrolldown-anime{0%{-webkit-transform:translateY(-30%);transform:translateY(-30%)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@-webkit-keyframes ul-scrolldown-anime{0%{transform:translateY(-30%);-webkit-transform:translateY(-30%)}to{transform:translateY(10%);-webkit-transform:translateY(10%)}}@keyframes navbar-scrollup-anime{0%{padding:0 10%;background:var(--primary-color)}to{padding:2vh 10%;background:transparent}}@-webkit-keyframes navbar-scrollup-anime{0%{padding:0 10%;background:var(--primary-color)}to{padding:2vh 10%;background:transparent}}@keyframes atags-scrollup-anime{0%{color:var(--tertiary-color)}to{color:var(--primary-color-2)}}@-webkit-keyframes atags-scrollup-anime{0%{color:var(--tertiary-color)}to{color:var(--primary-color-2)}}@keyframes logo-scrollup-anime{0%{margin-top:5px;width:7vw}to{margin-top:0;width:12vw}}@-webkit-keyframes logo-scrollup-anime{0%{margin-top:5px;width:7vw}to{margin-top:0;width:12vw}}@keyframes ul-scrollup-anime{0%{-webkit-transform:translateY(10%);transform:translateY(10%)}to{-webkit-transform:translateY(-30%);transform:translateY(-30%)}}@-webkit-keyframes ul-scrollup-anime{0%{transform:translateY(10%);-webkit-transform:translateY(10%)}to{transform:translateY(-30%);-webkit-transform:translateY(-30%)}}#AboutMe{width:100vw;min-height:100vh;background:var(--primary-color-3);-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:var(--tertiary-color-2)}#AboutMe,#AboutMe-Container{display:-webkit-flex;display:flex}#AboutMe-Container{-webkit-justify-content:space-between;justify-content:space-between;width:80%;height:60%}#AboutMe-Left{width:38.2%;-webkit-align-items:center;align-items:center}#AboutMe-Left,#AboutMe-Right{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}#AboutMe-Right{width:61.8%}#AboutMe-Left img{width:30vw;margin-top:10%;margin-right:25%;border-radius:5%;border:3px solid #fff}#AboutMe-Title{font-size:1.6em}#AboutMe-Body{margin-top:2vh;font-size:1.2em}#AboutMe-Quote{margin-top:2vh;font-size:1.4em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;font-style:oblique}#AboutMe-Quote p{-webkit-align-self:flex-start;align-self:flex-start}#AboutMe-Quote p:before{content:"\f10d";font-family:"Fontawesome";float:left;margin-right:2vw}#AboutMe-Quote small{color:var(--quote-color)}#AboutMe-Quote.Quote-Animation{animation:quote-anime 10s ease infinite;-moz-animation:quote-anime 10s ease infinite;-webkit-animation:quote-anime 10s ease infinite;-o-animation:quote-anime 10s ease infinite}@keyframes quote-anime{0%{opacity:0;-webkit-transform:translateY(50%);transform:translateY(50%)}5%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}95%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@-webkit-keyframes quote-anime{0%{opacity:0;transform:translateY(50%);-webkit-transform:translateY(50%)}5%{opacity:1;transform:translate(0);-webkit-transform:translate(0)}95%{opacity:1;transform:translate(0);-webkit-transform:translate(0)}to{opacity:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}}@media(max-width:1200px){#AboutMe-Container{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:90%}}@media(max-width:800px){#AboutMe-Container{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:90%}#AboutMe-Title{font-size:1.5em}#AboutMe-Body,#AboutMe-Quote{font-size:1em}#AboutMe-Left img{width:50vw}#AboutMe-Right{width:90%}#AboutMe-Left{width:90%;height:auto;margin-bottom:10vh}}@media(max-width:400px){#AboutMe-Container{padding:7vh 0}#AboutMe-Title{font-size:1.5em}#AboutMe-Body,#AboutMe-Quote{font-size:1em}#AboutMe-Left img{width:60vw}#AboutMe-Right{width:98%}#AboutMe-Left{width:90%;height:auto}}@media(min-width:2560px){#AboutMe-Title{font-size:3.6em}#AboutMe-Body{font-size:2.2em}#AboutMe-Quote{font-size:2.6em}}@media(min-width:3840px){#AboutMe-Title{font-size:4.6em}#AboutMe-Body{font-size:3.2em}#AboutMe-Quote{font-size:3.6em}}@media(min-width:7680px){#AboutMe-Title{font-size:9em}#AboutMe-Body{font-size:6em}#AboutMe-Quote{font-size:6.6em}}.ShowcaseProject{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin:5vh 0;transform:translateX(-10px);-moz-transform:translateX(-10px);-webkit-transform:translateX(-10px);-o-transform:translateX(-10px)}.ShowcaseProject-Img-Container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ShowcaseProject-Img-Container img{width:25vw;margin-right:5vw;border-radius:5%;-webkit-animation:showcaseProject-hover-out-anime .5s ease forwards;animation:showcaseProject-hover-out-anime .5s ease forwards}.ShowcaseProject-Img-Container img:hover{-webkit-animation:showcaseProject-hover-anime .5s ease forwards;animation:showcaseProject-hover-anime .5s ease forwards}.ShowcaseProject-Desc{width:40.45vw}.ShowcaseProject-Desc h1{color:var(--primary-color-2);font-size:2.5em}.ShowcaseProject-Desc p{color:var(--primary-color-4);font-size:1.1em;font-weight:600;margin-bottom:0}.ShowcaseProject-Links div{display:inline-block}.ShowcaseProject-GitLink{border-radius:2%;display:inline-block;text-decoration:none;border-bottom:6px solid var(--primary-color-5);color:var(--tertiary-color-3);background:var(--primary-color-2);padding:2vh 3.5vw;margin-right:2vw}.ShowcaseProject-Stack{color:var(--tertiary-color-4);font-weight:700;padding:1vh 0 3vh;font-size:.8em}.ShowcaseProject-Stack span{margin-right:1vh}.ShowcaseProject-GitLink:active{border-bottom:2px solid var(--primary-color-6);transform:translateY(4px);-moz-transform:translateY(4px);-webkit-transform:translateY(4px);-o-transform:translateY(4px)}.ShowcaseProject-LiveLink{border-radius:2%;display:inline-block;text-decoration:none;color:var(--primary-color-7);background:var(--secondary-color-8);border-bottom:5px solid var(--secondary-color-9);padding:2vh 3.5vw}.ShowcaseProject-LiveLink:active{border-bottom:1px solid #var(--secondary-color-7);transform:translateY(4px);-moz-transform:translateY(4px);-webkit-transform:translateY(4px);-o-transform:translateY(4px)}@media(max-width:1200px){.ShowcaseProject-Img-Container img{width:40vw;margin-right:5vw}.ShowcaseProject-GitLink,.ShowcaseProject-LiveLink{padding:.8vh 3.5vw}}@media(max-width:800px){.ShowcaseProject{-webkit-flex-direction:column;flex-direction:column;width:80%;-webkit-align-items:center;align-items:center}.ShowcaseProject-Img-Container img{width:75vw;margin-right:0;margin-bottom:5vh}.ShowcaseProject-Desc{width:75vw}}@media(max-width:400px){.ShowcaseProject-Desc h1{font-size:2em}.ShowcaseProject-Desc p{font-weight:400;font-size:1em}.ShowcaseProject-GitLink,.ShowcaseProject-LiveLink{font-size:.8em;padding:1.2vh 5vw}.ShowcaseProject-GitLink{margin-right:4vw}}@media(min-width:2560px){.ShowcaseProject-Desc h1{font-size:4em}.ShowcaseProject-Desc p,.ShowcaseProject-GitLink,.ShowcaseProject-LiveLink{font-size:2em}.ShowcaseProject-Stack{font-size:1.5em}}@media(min-width:3840px){.ShowcaseProject-Desc h1{font-size:6em}.ShowcaseProject-Desc p,.ShowcaseProject-GitLink,.ShowcaseProject-LiveLink{font-size:3em}.ShowcaseProject-Stack{font-size:2.5em}}@media(min-width:7680px){.ShowcaseProject-Desc h1{font-size:10em}.ShowcaseProject-Desc p,.ShowcaseProject-GitLink,.ShowcaseProject-LiveLink{font-size:6em}.ShowcaseProject-Stack{font-size:4em}}@-webkit-keyframes showcaseProject-hover-anime{to{transform:translateY(-10px) scale(1.25);-moz-transform:translateY(-10px) scale(1.25);-webkit-transform:translateY(-10px) scale(1.25);-o-transform:translateY(-10px) scale(1.25);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}}@keyframes showcaseProject-hover-anime{to{transform:translateY(-10px) scale(1.25);-moz-transform:translateY(-10px) scale(1.25);-webkit-transform:translateY(-10px) scale(1.25);-o-transform:translateY(-10px) scale(1.25);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}}@-webkit-keyframes showcaseProject-hover-out-anime{0%{transform:scale(1.25);-moz-transform:scale(1.25);-webkit-transform:scale(1.25);-o-transform:scale(1.25);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}to{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}@keyframes showcaseProject-hover-out-anime{0%{transform:scale(1.25);-moz-transform:scale(1.25);-webkit-transform:scale(1.25);-o-transform:scale(1.25);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}to{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}.Showcase{width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:5vh 0}.ProjectCard,.Showcase{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.ProjectCard{width:280px;height:400px;background-color:#111;-webkit-justify-content:space-between;justify-content:space-between;padding:25px;color:var(--tertiary-color-10);background-color:var(--tertiary-color-8);box-shadow:9px 9px 16px var(--tertiary-color-11),-9px -9px 16px var(--tertiary-color-12);animation:ProjectCard-hover-out-anime .5s ease forwards;-moz-animation:ProjectCard-hover-out-anime .5s ease forwards;-webkit-animation:ProjectCard-hover-out-anime .5s ease forwards;-o-animation:ProjectCard-hover-out-anime .5s ease forwards;cursor:pointer}.ProjectCard:hover{animation:ProjectCard-hover-anime .5s ease forwards;-moz-animation:ProjectCard-hover-anime .5s ease forwards;-webkit-animation:ProjectCard-hover-anime .5s ease forwards;-o-animation:ProjectCard-hover-anime .5s ease forwards}.ProjectCard-Header{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:5vh}.ProjectCard-Header img{width:75px;transform:translateY(-20%);-moz-transform:translateY(-20%);-webkit-transform:translateY(-20%);-o-transform:translateY(-20%)}.ProjectCard-Header h1{display:inline}.ProjectCard-Links img{width:25px;padding:0 5px;transform:translateY(50%);-moz-transform:translateY(50%);-webkit-transform:translateY(50%);-o-transform:translateY(50%);animation:Link-hover-out-anime .5s ease forwards;-moz-animation:Link-hover-out-anime .5s ease forwards;-webkit-animation:Link-hover-out-anime .5s ease forwards;-o-animation:Link-hover-out-anime .5s ease forwards}.ProjectCard-Links img:hover{animation:Link-hover-anime .5s ease forwards;-moz-animation:Link-hover-anime .5s ease forwards;-webkit-animation:Link-hover-anime .5s ease forwards;-o-animation:Link-hover-anime .5s ease forwards}.ProjectCard-Footer{color:var(--tertiary-color-13)}.ProjectCard-Footer span{margin-right:10px}@keyframes Link-hover-anime{to{transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5)}}@-webkit-keyframes Link-hover-anime{to{transform:scale(1.5);-webkit-transform:scale(1.5)}}@keyframes Link-hover-out-anime{0%{transform:scale(1.5);-moz-transform:scale(1.5);-webkit-transform:scale(1.5);-o-transform:scale(1.5)}to{transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1)}}@-webkit-keyframes Link-hover-out-anime{0%{transform:scale(1.5);-webkit-transform:scale(1.5)}to{transform:scale(1);-webkit-transform:scale(1)}}@keyframes ProjectCard-hover-anime{to{transform:translateY(-10px) scale(1.05);-moz-transform:translateY(-10px) scale(1.05);-webkit-transform:translateY(-10px) scale(1.05);-o-transform:translateY(-10px) scale(1.05);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}}@-webkit-keyframes ProjectCard-hover-anime{to{transform:translateY(-10px) scale(1.05);-webkit-transform:translateY(-10px) scale(1.05);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}}@keyframes ProjectCard-hover-out-anime{0%{transform:translateY(-10px) scale(1.05);-moz-transform:translateY(-10px) scale(1.05);-webkit-transform:translateY(-10px) scale(1.05);-o-transform:translateY(-10px) scale(1.05);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}to{transform:translateY(0) scale(1);-moz-transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);-o-transform:translateY(0) scale(1)}}@-webkit-keyframes ProjectCard-hover-out-anime{0%{transform:translateY(-10px) scale(1.05);-webkit-transform:translateY(-10px) scale(1.05);box-shadow:9px 9px 16px var(--tertiary-color-5),-9px -9px 16px var(--tertiary-color-6)}to{transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1)}}@media(max-width:350px){.ProjectCard{width:250px;min-height:350px}}@media(min-width:2560px){.ProjectCard{width:35vh;height:47vh;padding:4vh}.ProjectCard-Header img{width:5vw;padding:0 1vh}.ProjectCard-Links img{width:2vw}.ProjectCard-Body h1{font-size:4em}.ProjectCard-Body p,.ProjectCard-Footer span{font-size:1.6em}}@media(min-width:3840px){.ProjectCard-Body h1{font-size:6em}.ProjectCard-Body p,.ProjectCard-Footer span{font-size:2.6em}}@media(min-width:7680px){.ProjectCard-Body h1{font-size:12em}.ProjectCard-Body p,.ProjectCard-Footer span{font-size:5.2em}}#ProjectStack-Container{width:100vw;min-height:100vh;background:linear-gradient(var(--tertiary-color),var(--tertiary-color-7));background:-o-linear-gradient(var(--tertiary-color),var(--tertiary-color-7));display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:5vh 0}#ProjectStack{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:3vw;column-gap:3vw;grid-row-gap:3vw;row-gap:3vw;-moz-column-gap:3vw;-webkit-column-gap:3vw;-moz-row-gap:3vw;-webkit-row-gap:3vw;padding:5vh 0}#ProjectStack-ShowMore-btn{outline:none;color:#966f05;padding:2vh 3vw;border:none;font-size:1.5em;border-radius:20px;background:var(--tertiary-color-8);border:2px solid var(--tertiary-color-8);box-shadow:6px 6px 20px rgba(0,0,0,.10196078431372549),-6px -6px 20px hsla(0,4%,95.1%,.49411764705882355)}#ProjectStack-ShowMore-btn:hover{cursor:pointer;border:2px solid var(--tertiary-color-9);box-shadow:6px 6px 20px rgba(0,0,0,.10196078431372549),-6px -6px 20px rgba(224,222,222,.7686274509803922)}#ProjectStack-ShowMore-btn:active{box-shadow:inset 7px 7px 20px rgba(0,0,0,.12941176470588237),inset -7px -7px 20px hsla(0,0%,100%,.7411764705882353)}@media(max-width:1200px){#ProjectStack{grid-template-columns:1fr 1fr}}@media(max-width:500px){#ProjectStack{grid-template-columns:1fr}}@media(min-width:2560px){#ProjectStack-ShowMore-btn{font-size:2em}}@media(min-width:3840px){#ProjectStack-ShowMore-btn{font-size:3.5em}}@media(min-width:7680px){#ProjectStack-ShowMore-btn{font-size:7em}}#Projects{width:100vw;min-height:100vh;background:var(--tertiary-color)}#Projects-Title{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:7vh 0 1vh;padding-top:5vh}#Projects-Title h1{font-size:4em;color:var(--section-title-color);text-shadow:5px 5px 10px rgba(0,0,0,.10196078431372549),-5px -5px 10px #fff}@media(max-width:700px){#Projects-Title h1{font-size:4em}}@media(min-width:2560px){#Projects-Title h1{font-size:5.5em}}@media(min-width:3840px){#Projects-Title h1{font-size:9em}}@media(min-width:7680px){#Projects-Title h1{font-size:18em}}#DevelopmentSkillCard{display:inline-block;color:var(--tertiary-color-15);width:310px;padding:40px;border-radius:10px;background:var(--tertiary-color-14);text-align:center;box-shadow:-4px -2px 4px 0 var(--tertiary-color-9),4px 2px 6px 0 var(--tertiary-color-16);transform:translateY(-50px);-moz-transform:translateY(-50px);-webkit-transform:translateY(-50px);-o-transform:translateY(-50px)}@media(max-width:1200px){#DevelopmentSkillCard{width:200px}}@media(max-width:800px){#DevelopmentSkillCard{width:310px;transform:translateY(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0)}}@media(max-width:400px){#DevelopmentSkillCard{width:230px}}@media(min-width:2560px){#DevelopmentSkillCard{width:20vw;padding:4vh;border-radius:1.5vh}}#DesignSkillCard{display:inline-block;color:var(--tertiary-color-15);width:310px;padding:40px;border-radius:10px;background:var(--tertiary-color-14);text-align:center;box-shadow:-4px -2px 4px 0 var(--tertiary-color-9),4px 2px 6px 0 var(--tertiary-color-16)}@media(max-width:1200px){#DesignSkillCard{width:200px}}@media(max-width:800px){#DesignSkillCard{width:310px}}@media(max-width:400px){#DesignSkillCard{width:230px}}@media(min-width:2560px){#DesignSkillCard{width:20vw;padding:4vh;border-radius:1.5vh}}#ProgrammingSkillCard{display:inline-block;color:var(--tertiary-color-15);width:310px;padding:40px;border-radius:10px;background:var(--tertiary-color-14);text-align:center;box-shadow:-4px -2px 4px 0 var(--tertiary-color-9),4px 2px 6px 0 var(--tertiary-color-16)}@media(max-width:1200px){#ProgrammingSkillCard{width:200px}}@media(max-width:800px){#ProgrammingSkillCard{width:310px}}@media(max-width:400px){#ProgrammingSkillCard{width:230px}}@media(min-width:2560px){#ProgrammingSkillCard{width:20vw;padding:4vh;border-radius:1.5vh}}#Skills-Container{width:100vw;min-height:100vh;background:linear-gradient(var(--tertiary-color-7),var(--tertiary-color-14),var(--tertiary-color-14));background:-o-linear-gradient(var(--tertiary-color-7),var(--tertiary-color-14),var(--tertiary-color-14));-webkit-flex-direction:column;flex-direction:column;padding-top:75px}#Skills-Container,#Skills-Title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#Skills-Title{width:100%;margin-bottom:100px}#Skills-Title h1{font-size:4em;color:var(--tertiary-color-10);text-shadow:5px 5px 10px rgba(0,0,0,.10196078431372549),-5px -5px 10px #fff}#Skills-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:5vw;column-gap:5vw;-moz-column-gap:5vw;-webkit-column-gap:5vw;-webkit-align-items:start;align-items:start}.SkillCard-Title{padding-bottom:15px}.SkillCard-Title h1{display:inline-block}.SkillCard-Title img{display:inline-block;width:35px;padding-right:15px;transform:translateY(20%);-moz-transform:translateY(20%);-webkit-transform:translateY(20%);-o-transform:translateY(20%)}.SkillCard-Section{text-align:left;padding:5px 0}.SkillCard-Section-Title{color:var(--secondary-color-10)}.SkillCard-Section-list{padding-left:20px}@media(max-width:1200px){#Skills-grid{grid-column-gap:2vw;column-gap:2vw;-moz-column-gap:2vw;-webkit-column-gap:2vw}.SkillCard-Title h1{font-size:1.4em}.SkillCard-Title img{width:25px}.SkillCard-Section-Title{font-size:.8em}}@media(max-width:800px){#Skills-Title h1{font-size:4em}#Skills-grid{grid-template-columns:1fr;grid-row-gap:3vh;row-gap:3vh}.SkillCard-Title h1{font-size:2em}.SkillCard-Title img{width:40px}.SkillCard-Section-Title{font-size:1em}}@media(max-width:400px){.SkillCard-Title h1{font-size:1.4em}.SkillCard-Title img{width:25px}.SkillCard-Section-Title{font-size:.8em}}@media(min-width:2560px){#Skills-Title h1{font-size:5.5em}#Skills-grid{grid-column-gap:4vw;column-gap:4vw;-moz-column-gap:4vw;-webkit-column-gap:4vw}.SkillCard-Title h1{font-size:3em}.SkillCard-Title img{width:2vw}.SkillCard-Section-Title{font-size:1.5em}.SkillCard-Section-list{font-size:1.8em}}@media(min-width:3840px){#Skills-Title h1{font-size:9em}.SkillCard-Title h1{font-size:4.2em}.SkillCard-Section-Title{font-size:2.5em}.SkillCard-Section-list{font-size:2.8em}}@media(min-width:7680px){#Skills-Title h1{font-size:18em}.SkillCard-Title h1{font-size:8.2em}.SkillCard-Section-Title{font-size:4em}.SkillCard-Section-list{font-size:4.6em}}.WhyMeBlock{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:370px;text-align:center}.WhyMeBlock-Head img{width:100px;padding-bottom:15px}.WhyMeBlock-Head h1{color:var(--tertiary-color-10)}.WhyMeBlock-Body{color:var(--tertiary-color-17);font-size:1.2em}@media(max-width:1200px){.WhyMeBlock{width:250px}.WhyMeBlock-Head img{width:80px}.WhyMeBlock-Body{font-size:1.3em}}@media(max-width:800px){.WhyMeBlock{width:350px}.WhyMeBlock-Head img{width:120px}}@media(max-width:500px){.WhyMeBlock{width:250px}.WhyMeBlock-Head img{width:80px}.WhyMeBlock-Head h1{font-size:2em}.WhyMeBlock-Body{font-size:1em}}@media(min-width:2560px){.WhyMeBlock{width:20vw}.WhyMeBlock-Head img{width:5vw}.WhyMeBlock-Head h1{font-size:4em}.WhyMeBlock-Body{font-size:2em}}@media(min-width:3840px){.WhyMeBlock-Head h1{font-size:6em}.WhyMeBlock-Body{font-size:3.5em}}@media(min-width:7680px){.WhyMeBlock-Head h1{font-size:12em}.WhyMeBlock-Body{font-size:7em}}#WhyWorkWithMe-Section{width:100vw;background:var(--tertiary-color-14);padding:50px 0}#WhyWorkWithMe-Title{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#WhyWorkWithMe-Title h1{font-size:4em;color:var(--tertiary-color-10);text-shadow:5px 5px 10px rgba(0,0,0,.10196078431372549),-5px -5px 10px #fff}#WhyWorkWithMe-Body{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:6vh 0}#WhyWorkWithMe-Grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:6vw;-webkit-column-gap:6vw;column-gap:6vw}@media(max-width:800px){#WhyWorkWithMe-Title h1{font-size:4em}#WhyWorkWithMe-Grid{grid-template-columns:1fr;grid-row-gap:5vh;row-gap:5vh}}@media(max-width:500px){#WhyWorkWithMe-Title h1{font-size:2em}}@media(min-width:2560px){#WhyWorkWithMe-Title h1{font-size:5.5em}}@media(min-width:3840px){#WhyWorkWithMe-Title h1{font-size:9em}}@media(min-width:7680px){#WhyWorkWithMe-Title h1{font-size:18em}}#ContactMe{width:100vw;background:var(--tertiary-color-14);-webkit-flex-direction:column;flex-direction:column;color:var(--tertiary-color-10);padding:0 0 50px}#ContactMe,#ContactMe-Title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#ContactMe-Title{width:100%;margin-bottom:100px}#ContactMe-Title h1{font-size:4em;color:var(--tertiary-color-10);text-shadow:5px 5px 10px rgba(0,0,0,.10196078431372549),-5px -5px 10px #fff}#ContactMe-Card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:40px 40px 0;background:var(--tertiary-color-14);border-radius:10px;text-align:center;box-shadow:-4px -2px 4px 0 var(--tertiary-color-9),4px 2px 6px 0 var(--tertiary-color-16)}#ContactMe-Card-Top{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:5vw;column-gap:5vw;-moz-column-gap:5vw;-webkit-column-gap:5vw;-o-column-gap:5vw}#ContactMe-Card-Top-Left{text-align:center}#ContactMe-Card-Top-Left h1{font-size:3em}#ContactMe-Card-Top-Left h2{font-size:2em;color:var(--tertiary-color-19)}#ContactMe-Card-Top-Left h3{color:var(--tertiary-color-20)}textarea{margin:1em;opacity:0}#ContactMe-Card-Copy button{display:inline-block;padding:.4em 1em;margin:0 .3em .3em 0;border-radius:.15em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;text-transform:uppercase;font-weight:400;color:#817c7c;background-color:#fff;box-shadow:inset 0 -.6em 0 -.35em rgba(0,0,0,.17);border-color:#c9c5c5;text-align:center;position:relative}#ContactMe-Card-Top-Left button:hover{box-shadow:-4px -2px 4px 0 var(--tertiary-color-21),4px 2px 6px 0 var(--tertiary-color-22)}#ContactMe-Card-Top-Left button:active{box-shadow:inset -4px -2px 4px 0 var(--tertiary-color-21),inset 4px 2px 6px 0 var(--tertiary-color-22)}#ContactMe-Card-Top-Right,#ContactMe-SocialIcons-Container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#ContactMe-SocialIcons-Grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:20px;column-gap:20px;grid-row-gap:20px;row-gap:20px;-moz-column-gap:20px;-webkit-column-gap:20px;-moz-row-gap:20px;-webkit-row-gap:20px}#ContactMe-SocialIcons-Grid a{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:50%;padding:10px;box-shadow:-4px -2px 4px 0 var(--tertiary-color-9),4px 2px 6px 0 var(--tertiary-color-16)}#ContactMe-SocialIcons-Grid a:hover{box-shadow:-4px -2px 4px 0 var(--tertiary-color-21),4px 2px 6px 0 var(--tertiary-color-22)}#ContactMe-SocialIcons-Grid a:active{box-shadow:inset -4px -2px 4px 0 var(--tertiary-color-21),inset 4px 2px 6px 0 var(--tertiary-color-22)}#ContactMe-SocialIcons-Grid img{width:50px}@media (max-width:1100px){#ContactMe-Card-Top{grid-column-gap:0;column-gap:0;-moz-column-gap:0;-webkit-column-gap:0}}@media (max-width:800px){#ContactMe-Card-Top{grid-template-columns:1fr;grid-row-gap:3vh;row-gap:3vh;-moz-row-gap:3vh;-webkit-row-gap:3vh}#ContactMe-SocialIcons-Grid{grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:2vh}#ContactMe-Title h1{font-size:3em}}@media (max-width:500px){#ContactMe-Card-Top-Left h1{font-size:2em}#ContactMe-Card-Top-Left h2{font-size:1.2em}#ContactMe-SocialIcons-Grid img{width:25px}}@media (min-width:2560px){#ContactMe-Title h1{font-size:5.5em}#ContactMe-Card-Top-Left h1{font-size:4em}#ContactMe-Card-Top-Left h2{font-size:2.5em}#ContactMe-Card-Top-Left h3{font-size:2em}#ContactMe-SocialIcons-Grid{grid-column-gap:2vh;column-gap:2vh;grid-row-gap:2vh;row-gap:2vh;-moz-column-gap:2vh;-webkit-column-gap:2vh;-moz-row-gap:2vh;-webkit-row-gap:2vh}#ContactMe-SocialIcons-Grid img{width:3vw}}@media (min-width:3840px){#ContactMe-Title h1{font-size:9em}#ContactMe-Card-Top-Left h1{font-size:6em}#ContactMe-Card-Top-Left h2{font-size:3.5em}#ContactMe-Card-Top-Left h3{font-size:3em}}@media (min-width:7680px){#ContactMe-Title h1{font-size:18em}#ContactMe-Card-Top-Left h1{font-size:12em}#ContactMe-Card-Top-Left h2{font-size:7em}#ContactMe-Card-Top-Left h3{font-size:6em}}:root{--primary-color:#011627;--primary-color-2:#1b2735;--primary-color-3:#011627;--primary-color-4:#2b3b4d;--primary-color-5:#01142b;--primary-color-6:#022d5e;--primary-color-7:#152a42;--secondary-color:#daa104;--secondary-color-2:#fcba03;--secondary-color-3:#806e3d;--secondary-color-4:#9e7504;--secondary-color-5:#eeaf03;--secondary-color-6:#cf9902;--secondary-color-7:#ac7f04;--secondary-color-8:#fb0;--secondary-color-9:#be8d03;--secondary-color-10:#e0b115;--tertiary-color:#f8fffd;--tertiary-color-2:rgba(240,248,255,0.9058823529411765);--tertiary-color-3:#e0faff;--tertiary-color-4:#636669;--tertiary-color-5:rgba(163,177,198,0.9176470588235294);--tertiary-color-6:hsla(0,0%,100%,0.8);--tertiary-color-7:#e0e5ec;--tertiary-color-8:#f0f4fa;--tertiary-color-9:#fff;--tertiary-color-10:#394150;--tertiary-color-11:rgba(163,177,198,0.6);--tertiary-color-12:hsla(0,0%,100%,0.5019607843137255);--tertiary-color-13:#697283;--tertiary-color-14:#f5f6f7;--tertiary-color-15:#4a5568;--tertiary-color-16:#dfe4ea;--tertiary-color-17:#282e38;--tertiary-color-18:#1b2735;--tertiary-color-19:#525964;--tertiary-color-20:#717781;--tertiary-color-21:#f0efef;--tertiary-color-22:#ced3d8;--tertiary-color-23:#778296;--tertiary-color-24:#011627;--quaternary-color:#055a4f;--quote-color:#97a0a7;--section-title-color:#394150}body,html{padding:0;margin:0;width:100vw;overflow-x:hidden}.App:-webkit-scrollbar{display:none}.App{-ms-overflow-style:none}
/*# sourceMappingURL=main.a7cfbd45.chunk.css.map */