nav{position:fixed;width:100%;-webkit-justify-content:space-between;justify-content:space-between;background-color:transparent;z-index:1}nav,nav #left-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}nav #left-nav{margin-left:2vw}nav #left-nav .logo2 img{width:5em;-webkit-filter:grayscale(100);filter:grayscale(100)}nav #left-nav .logo2 img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}nav #right-nav{margin-right:2vw}nav #right-nav .nav-item{font-family:"Montserrat",sans-serif;font-size:1.5em;color:#fff;text-decoration:none;margin-left:2em}nav #right-nav .is-selected,nav #right-nav .nav-item:hover{color:#28d79f}@media only screen and (max-width:780px){nav{bottom:0!important;z-index:2;background-color:#273442!important;height:7vh}nav #left-nav{display:none}nav #right-nav{margin:1vh auto;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}nav #right-nav .nav-item{font-size:1em;margin-left:0}}#bio{display:grid;grid-template-columns:1fr 2fr}#bio section{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;margin-top:1em;padding:6vw}#bio .summary{padding:.5em;margin-top:0;margin-bottom:1vh;width:100%;font-size:2.5vw}#bio .summary span{color:#28d79f}#bio .home-bttns{-webkit-flex-direction:column;flex-direction:column}#bio .home-bttns,#bio .home-bttns a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#bio .home-bttns a{text-decoration:none;font-size:2em;text-align:center;background-color:#0d121a;color:#a2d8a2;border-color:#28d79f;margin-bottom:1em;padding:.5em}#bio .home-bttns a:hover{color:#28d79f}#bio .home-bttns a .MuiSvgIcon-root{color:#28d79f;width:2.5em;height:2.5em}#bio .stack{text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff}#bio #skills{display:grid;grid-template-columns:1fr;width:100%;padding:0;font-size:1.5vw;grid-gap:0}#bio #skills .container .tech-title{color:#a2d8a2;margin-top:.5em;margin-bottom:.5em}#bio #skills .container p{margin:0}#bio-img-container{margin-top:12em!important;margin-left:5vw;border-radius:50%;width:30vw;height:30vw;border:2px solid #28d79f;position:fixed}#bio-img-container span>#bio-profile-pic{width:100%;height:100%;object-fit:cover;object-position:-1vw -4vw;border-radius:50%;background-color:#0d121a}@media only screen and (max-width:780px){#bio{grid-template-columns:1fr;margin-top:20em}#bio section .summary{font-size:1.5em;margin-bottom:1vh;width:90%}#bio section .stack{margin-left:6vw}#bio #skills{font-size:1em;margin-bottom:5vh}#bio-img-container{position:absolute;margin-top:21vh;margin-right:0;width:17em;height:17em;left:45%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#bio-img-container #bio-profile-pic{object-position:-1em -2em!important}}@media only screen and (max-width:1200px){#bio .summary{margin-right:1.5em}#bio .home-bttns>a{font-size:1.5em}}#resume{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}#resume #cv{height:85vh;transition:height 2s;margin-top:10vh}#resume #cv:hover{height:125vh}#resume .cv-bttn{width:auto;font-size:1.5em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none}#resume .cv-bttn .MuiSvgIcon-root{margin-left:1em;width:2em;height:2em}#resume #download{color:#28d79f;outline:none}#resume #canva{color:#fff;outline:none}@media only screen and (max-width:780px){#resume{max-height:100vh!important}#cv{margin-top:5vh!important;margin-bottom:18vh!important}#cv,#cv:hover{height:55vh!important}.cv-bttn{font-size:1em!important;bottom:0!important}#canva{margin-bottom:8vh;margin-right:0!important}#download{margin-left:0!important}}@media only screen and (max-width:1050px){#resume #cv{height:65vh;margin-left:.5em;margin-right:.5em}#resume #cv:hover{height:85vh}#resume .cv-bttn{position:absolute;bottom:-4em}#resume #canva{margin-right:15em}#resume #download{margin-left:15em}}@media only screen and (max-width:1450px){#resume>#cv:hover{height:100vh}.cv-bttn{font-size:1.25em}.cv-bttn .MuiSvgIcon-root{margin-left:0}}#about-tl{display:-webkit-flex;display:flex;background-color:#0d121a}#about-tl:hover .tl-item{width:23.3333%}.tl-item{position:relative;width:25%;height:100vh;min-height:600px;color:#fff;overflow:hidden;transition:width .5s ease}.tl-item,.tl-item:after,.tl-item:before{-webkit-transform:translateZ(0);transform:translateZ(0)}.tl-item:after,.tl-item:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}.tl-item:after{background:rgba(13,18,26,.85);opacity:1;transition:opacity .5s ease}.tl-item:before{background:linear-gradient(180deg,#a2d8a2,#0d121a,#0d121a);opacity:0;-webkit-transform:translateZ(0) translateY(50%);transform:translateZ(0) translateY(50%);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.tl-item:hover{width:35%!important}.tl-item:hover:after{opacity:0}.tl-item:hover:before{opacity:1;-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);transition:opacity 1s ease,-webkit-transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s,-webkit-transform 1s ease .25s}.tl-item:hover .tl-content{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .75s ease .5s}.tl-item:hover .tl-bg{-webkit-filter:grayscale(0);filter:grayscale(0)}.tl-content{-webkit-transform:translateZ(0) translateY(25px);transform:translateZ(0) translateY(25px);position:relative;z-index:1;top:55%;opacity:0}.tl-content h1{text-transform:uppercase;color:#28d79f;font-size:1.5em}.tl-content h1,.tl-content p{margin-left:5%;margin-right:5%}.tl-content .tl-date{border-top:1px solid #a2d8a2;border-bottom:1px solid #a2d8a2;margin-left:25%;margin-right:25%;padding:.5em;text-align:center}.tl-header{top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:1;color:#28d79f;font-size:2em;text-align:center}.tl-bg,.tl-header{position:absolute;width:100%}.tl-bg{-webkit-transform:translateZ(0);transform:translateZ(0);height:100%;top:0;left:0;background-size:cover;background-position:50%;transition:-webkit-filter .5s ease;transition:filter .5s ease;transition:filter .5s ease,-webkit-filter .5s ease;opacity:.25;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.tl-bg .tl-bg-img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width:780px){#about-tl{display:grid;grid-template-columns:1fr}#about-tl:hover .tl-item{width:100%}#about-tl .tl-item{width:100%;height:25vh;min-height:200px}#about-tl .tl-item:before{background:linear-gradient(0deg,#a2d8a2,#0d121a,#0d121a);-webkit-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)}#about-tl .tl-item:hover{width:100%!important;height:100%!important}#about-tl .tl-item:hover:before{opacity:1;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);transition:opacity 1s ease,-webkit-transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s,-webkit-transform 1s ease .25s}#about-tl .tl-header{position:relative;top:10%}#about-tl .tl-content{top:0}#about-tl .tl-content .about-description{margin-bottom:5em}}#projects{margin-top:10vh}#projects #project-tl{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;background-color:#0d121a}#projects #project-tl .tl-item{width:100%;height:20vh;min-height:200px}#projects #project-tl .tl-item:before{background:linear-gradient(270deg,#a2d8a2,#0d121a);-webkit-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)}#projects #project-tl .tl-item:hover{width:100%!important;height:100%!important}#projects #project-tl .tl-item:hover:before{opacity:1;-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translateX(0);transition:opacity 1s ease,-webkit-transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s;transition:opacity 1s ease,transform 1s ease .25s,-webkit-transform 1s ease .25s}#projects #project-tl .tl-item:hover .line-container>.text-container{height:-webkit-min-content;height:min-content}#projects #project-tl .tl-item:hover .line-container>.text-container .tl-content{position:static;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all .75s ease .5s}#projects #project-tl .tl-item:hover .line-container>.project-img-container>span>.project-img{opacity:.9!important}#projects #project-tl .tl-item:hover .tl-bg .tl-bg-img{opacity:0!important;transition:1s!important}#projects #project-tl .tl-item:hover .project-icons{margin-bottom:2vh}#projects #project-tl .tl-item .line-container{display:grid;grid-template-columns:1.5fr 1fr;-webkit-align-items:center;align-items:center}#projects #project-tl .tl-item .line-container .text-container{height:-webkit-min-content;height:min-content;margin-left:8vw;padding-right:2vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}#projects #project-tl .tl-item .line-container .text-container .tl-header{top:0;position:relative;margin-bottom:0;font-size:2.5em;color:#28d79f;border-top:none;border-bottom:none;text-align:start}#projects #project-tl .tl-item .line-container .text-container .tl-date{position:absolute;right:0;bottom:0;font-size:.4em;padding:.5em;color:#fff;z-index:1;border-top:1px solid #a2d8a2;border-bottom:1px solid #a2d8a2;width:200px;text-align:center;opacity:1}#projects #project-tl .tl-item .line-container .text-container .responsive-date{visibility:hidden;color:#fff;z-index:2;font-size:0;padding:0;border-top:1px solid #a2d8a2;border-bottom:1px solid #a2d8a2;width:0;height:0;text-align:center;opacity:1}#projects #project-tl .tl-item .line-container .text-container .tl-content{transform:translateZ(0) translateX(0);-webkit-transform:translateZ(0) translateX(0);text-align:start;font-size:1.25em}#projects #project-tl .tl-item .line-container .text-container .tl-content p{margin-left:0;text-align:start}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons a{margin-right:1em;font-size:1em;text-decoration:none;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons .bttn-stretch.bttn-success{color:#fff}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons .bttn-stretch.bttn-success:hover,#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons .bttn-stretch.bttn-success:hover .MuiSvgIcon-root{color:#28d79f}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons img{width:2em;height:2em;padding-left:1em}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons .MuiSvgIcon-root{width:2em;height:2em;color:#fff;padding-left:1em}#projects #project-tl .tl-item .line-container .text-container .tl-content .project-icons .host-bttn{margin-left:4em}#projects #project-tl .tl-item .line-container .project-img-container{width:100%;height:100%}#projects #project-tl .tl-item .line-container .project-img-container .project-img{width:100%;height:100%;opacity:0;transition:opacity 2s}#projects #project-tl .tl-item .tl-bg>.tl-bg-img{opacity:.5;transition:opacity 2s}@media(max-width:780px){#projects{margin-top:0!important}#projects>#project-tl>.tl-item .line-container{grid-template-columns:1fr!important}#projects>#project-tl>.tl-item .line-container .text-container{margin-left:0;padding-left:2vw}#projects>#project-tl>.tl-item .line-container .text-container .tl-header{text-align:center}#projects>#project-tl>.tl-item .line-container .text-container .tl-content>p{margin-left:5%;margin-right:5%}#projects>#project-tl>.tl-item .line-container .text-container .responsive-date{margin:auto;width:75%!important}#projects>#project-tl>.tl-item:before{background:linear-gradient(0deg,#a2d8a2,#0d121a)!important}.project-icons{-webkit-justify-content:center!important;justify-content:center!important;-webkit-align-items:center!important;align-items:center!important}.project-icons a{margin-right:0!important}.project-icons .host-bttn{padding-top:.25em!important}.project-icons .MuiSvgIcon-root{width:1.25em!important;height:1.25em!important}.tl-content{font-size:1em!important}}@media(max-width:1100px){#projects>#project-tl>.tl-item>.line-container{grid-template-columns:1fr 1fr}.project-icons{-webkit-flex-direction:column;flex-direction:column}.project-icons .host-bttn{margin-left:0!important;padding-top:1em}.project-img-container .project-img{object-fit:contain}.tl-date{display:none}.responsive-date{visibility:visible!important;font-size:1em!important;padding:.5em!important;width:250px!important;height:auto!important}}#contact-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh}#contact-info #contact-container{margin:20vh auto auto}#contact-info #contact-container h1{color:#28d79f;font-size:5em}#contact-info #contact-container a{color:#fff;font-size:2em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:.25em}#contact-info #contact-container a:hover,#contact-info #contact-container a:hover .MuiSvgIcon-root{color:#28d79f}#contact-info #contact-container a>.MuiSvgIcon-root{width:2em;height:2em;padding-right:1em;color:#fff}@media only screen and (max-width:725px){#contact-info>#contact-container{margin-left:8vw!important}#contact-info>#contact-container a{font-size:4vw}}@media only screen and (max-width:900px){#contact-info>#contact-container{margin-left:8vw}#contact-info>#contact-container h1{font-size:3.5em}}html{background-color:#0d121a;color:#fff;font-family:"Montserrat",sans-serif;max-height:100%;scroll-behavior:smooth}html body{background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;overflow:auto}html #heading{position:absolute;margin-left:8vw;margin-top:30vh}html .transitions-item{overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;font-size:5em;will-change:transform,opacity,height;cursor:pointer}html #view-container,html .transitions-item{-webkit-align-items:center;align-items:center}html #view-container{display:grid;grid-template-columns:1fr 1fr;justify-items:center;height:95vh}html #view-container #view-bttn{z-index:1;font-size:4em;outline:none;text-decoration:none;color:#28d79f;opacity:0;transition:opacity 2s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;top:15vh;margin-left:5vw}html #view-container #view-bttn .MuiSvgIcon-root{padding-left:1em;width:3em;height:3em}html #view-container #logo1{margin-bottom:3em}html .hidden{visibility:hidden;position:absolute}html .media-icons{position:fixed;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;right:2vw;top:25vh;z-index:1}html .media-icons a>.MuiSvgIcon-root{width:1.5em;height:1.5em;padding-top:1em;color:#fff}html .media-icons a>.MuiSvgIcon-root:hover{color:#28d79f}html #landing-container{height:100vh}html #footer{position:fixed;bottom:2vh;width:100%;text-decoration:none;color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:1em}html #footer .MuiSvgIcon-root{padding-left:.5em;width:1em;height:1em}html #footer:hover,html #footer:hover .MuiSvgIcon-root{color:#28d79f}@media only screen and (max-width:450px){#view-bttn{margin-bottom:250px!important}}@media only screen and (max-height:850px){#logo1{width:25vh!important}}@media only screen and (max-width:825px){#root .media-icons{display:none}#root #route-animations{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;max-width:100%;overflow-x:hidden}#root .hidden{visibility:visible;z-index:1;margin-left:3vw;margin-top:2vw}#root .hidden img{width:5em;-webkit-filter:grayscale(100);filter:grayscale(100)}#root .hidden img:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}}@media only screen and (max-width:825px)and (max-width:400px){#root .hidden img{width:4em}}@media only screen and (max-width:825px){#root .transitions-item{font-size:3.5em!important}}@media only screen and (max-width:825px){#root #landing-container{max-height:700px!important;overflow-y:hidden!important}}@media only screen and (max-width:825px){#root #heading{word-wrap:break-word!important;justify-items:center;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;margin-left:0!important;margin-top:5vh!important}}@media only screen and (max-width:825px){#root #view-container{height:80vh!important}#root #view-container #logo1{position:fixed!important;width:35vh!important;bottom:2em!important;margin-bottom:0!important}#root #view-container #view-bttn{margin-bottom:12em}#root #view-container #view-bttn .MuiSvgIcon-root{padding-left:0!important;width:2em!important;height:2em!important}}@media only screen and (max-width:825px){#root #footer{display:none}}@media only screen and (max-width:1150px){#landing-container{-webkit-justify-content:center;justify-content:center}#heading,#landing-container{display:-webkit-flex;display:flex}#heading{-webkit-flex-direction:column;flex-direction:column;margin-top:15vh!important}#view-container{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column!important;flex-direction:column!important;-webkit-justify-content:center!important;justify-content:center!important;-webkit-align-items:center!important;align-items:center!important;margin-top:20vh}#view-container #logo1{margin-left:0!important}#view-container #view-bttn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:0!important}}@media only screen and (max-width:1275px){#view-container>#logo1{width:25em;margin-left:5vw}#heading{margin-left:4vw}}@media only screen and (max-width:1500px){.transitions-item{font-size:4em!important}#view-container #view-bttn{font-size:2.25em!important}}
/*# sourceMappingURL=main.c497a451.chunk.css.map */