@import url(https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Raleway:wght@300;400;700&display=swap);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}body{overflow-x:hidden}*{box-sizing:border-box;font-family:"Raleway",sans-serif;font-weight:200}html{scroll-behavior:smooth}ul{list-style-type:none}ul h1{text-decoration:underline}a{text-decoration:none;color:#000}textarea{resize:none}.App{display:flex;flex-direction:column;overflow-x:hidden}#progress-bar{background:#00f;top:0;left:0;margin:0;height:5px;z-index:3;position:fixed;width:0}.nav-container{width:100%;display:flex;align-items:center;justify-content:space-between;background:#000;position:fixed;z-index:2;transition:top .3s;border-bottom:1px solid #ddd}.nav-container h1,h2{text-align:center;margin-left:3vw;color:#fff;text-shadow:.4px .4px #fff}.nav-container h1{font-size:4vw;font-family:"Architects Daughter",cursive}.nav-container h2{font-size:3vw;font-weight:200}.nav-list{display:flex;justify-content:center;align-items:center}.nav-list li{font-size:7vw;margin:1vw;cursor:pointer;transform:translate(-6vw);color:#eee}.nav-list li:hover{color:#f2ba9a}.about-container{position:relative;display:flex;flex-direction:column;padding:2vw 0 9vh;background-color:#fbf8f5;background-repeat:repeat;background-size:contain;transition:.6s ease-in;width:100vw}#magic-circle{position:fixed;top:20vh;right:25%;border-radius:50%;transition:opacity .5s}#magic-circle,#magic-square{width:5.5vw;height:5.5vw;background-color:#d5dade;z-index:0}#magic-square{position:absolute;top:75vh;left:20%;box-shadow:5px 5px 1px #000}.about-wrapper{display:flex;flex-direction:column;margin-top:15vh}.about-box{width:45%;display:flex;justify-content:center;align-items:center;background:#333;font-size:2vw;margin:3vw;padding:2vw;border:none;box-shadow:10px 10px 0 #333;z-index:1;transition:all 1s}.about-box h2{font-family:"Architects Daughter",cursive}#about-box-1{background-color:#f1e5d5;-webkit-animation-name:left-to-right;animation-name:left-to-right;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-timing-function:cubic-bezier(.68,-.55,.265,1.55)}#about-box-1:hover{transform:rotate(5deg)}#about-box-2{background-color:#c9bab5;align-self:flex-end;-webkit-animation-name:right-to-left;animation-name:right-to-left;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);animation-timing-function:cubic-bezier(.68,-.55,.265,1.55);border-radius:50%}#about-box-2:hover{transform:rotate(-5deg)}#about-box-3{background-color:#f2ba9a;align-self:center;transition:all .4s;border-radius:20px}#about-box-3:hover{transform:scale(1.2)}.about-container ul{background:#fff;width:50%;padding:3.5vw;margin-left:2vw;box-shadow:10px 10px 0 #333}.icons-div{display:flex;flex-basis:auto;flex-wrap:wrap;flex-direction:column;align-self:flex-end;align-items:center;margin:10vw 10vw 0 0}.tech-icon{font-size:16vw;margin:3vw;transition:all .4s ease-out}.tech-icon:hover{transform:scale(.85)}.about-container:hover{text-shadow:1px 2px #fff}.projects-container,.projects-header{display:flex;flex-direction:column;align-items:center}.projects-header{width:110vw;overflow-x:hidden;justify-content:center;background:#000;color:#fff;transform:rotate(-4deg) translateY(-1.5vh)}.projects-header h3{margin:4vw;font-size:5vw;font-weight:700;transform:rotate(4deg);font-family:"Architects Daughter",cursive}#chevron{outline:none;cursor:pointer;border:none;background:none;transform:rotate(4deg);margin:0;padding:0;font-size:4vw;color:#fff}.project-box{display:flex;width:90vw;height:50vh;background-repeat:no-repeat;background-position:top;background-size:cover;align-items:flex-end;transition:all .5s;margin:4vh 0;box-shadow:10px 10px 1px #000}.box-hover{transition:all .5s;transform:scale(1.05)}.project-box div{display:flex;justify-content:center;align-items:center;height:8vh;width:100%;background:#f5f5f5;color:#333;text-align:center;transition:all .3s}.project-box p{font-weight:700}.git-link{font-size:7vw;margin-left:2vw}.git-link:hover{color:purple}.title-hidden{opacity:0;transform:translateY(2vh)}.title-shown{opacity:.9}.email-container{display:flex;flex-direction:column;align-items:center;align-self:center;width:100vw}.content-head{font-size:7vw;font-weight:700}.gform{border-top:1px solid #000}.pure-group{border:none}.form-elements{display:flex;flex-direction:column;align-items:center;width:100vw}.form-input{color:#000;width:80vw;font-size:6vw;background:none;border:none;outline:none}#name{padding:2vw 0;border-bottom:1px solid #000;text-align:left}#email{padding:2vw 0;border-top:1px solid #000;border-bottom:1px solid #000}.submit-btn{font-size:6vw;padding:3vw 5vw;margin:2vh;border:1px solid #000;background:none;outline:none;transition:transform .4s;cursor:pointer}.submit-btn:hover{transform:scale(1.05)}#plane{margin-right:2vw}::-webkit-input-placeholder{color:#000}:-ms-input-placeholder{color:#000}::-ms-input-placeholder{color:#000}::placeholder{color:#000}.footer{display:flex;justify-content:flex-start;align-items:center}#footer-hr{color:#000;background:#000;width:40vw}.footer-img{width:40%;text-align:center;cursor:pointer}.footer-img img{width:50%;border:2px solid #fff;border-radius:50%}#fa-up{position:absolute;color:#fff;font-size:5vw;transform:translate(100%,100%);z-index:99}.resume-box{display:flex;flex-direction:column;align-items:center}#resume{font-style:oblique;font-weight:700;cursor:pointer;border:none;outline:none;background:none;font-size:2vw}#resume:hover{text-decoration:underline}.footer-text h4{font-size:4vw;color:#000}.footer-text p{margin-top:-3vw;font-size:3vw;color:#000}@media only screen and (max-width:412px){.about-container h3{margin-top:7vh;padding:2vw}.about-box{width:75%;margin:4vh 2vh}.about-box h2{font-size:7vw;padding:3vw}.about-container ul{width:75%;padding-bottom:5vh}#magic-circle,#magic-square{width:10vw;height:10vw}#fa-up{font-size:6.5vw;transform:translate(100%,100%)}}@media only screen and (min-width:390px){.projects-header{transform:rotate(-4deg) translateY(-2.5vh)}}@media only screen and (min-width:600px){.projects-header{justify-content:flex-start;height:20vh}.projects{display:flex;justify-content:center;transform:translateY(-10vh);flex-wrap:wrap}.projects-header{transform:rotate(-4deg) translateY(-3.5vh)}.project-box{width:40vw;height:30vh;margin:3vw}.git-link{font-size:2vw;margin-left:2vw}.content-head{font-size:4vw}.form-input,.submit-btn{font-size:3vw}.submit-btn{padding:2vw 3vw}.footer{justify-content:space-between}.footer-img{width:35%}.footer-text{margin-right:5vw}.footer-text h4{font-size:3vw;color:#000}.footer-text p{font-size:2.5vw;color:#000}#fa-up{font-size:6vw;transform:translate(100%,100%)}}@media only screen and (min-width:830px){.projects-header{height:25vh}.project-box{width:40vw;height:30vh;margin:3vw}.projects-header{transform:rotate(-4deg) translateY(-4.5vh)}}@media only screen and (min-width:1000px){.nav-container{height:15vh}.nav-container h1{font-size:2vw}.nav-container h2{font-size:1.5vw}.nav-list li{font-size:5vw}.about-container h3{font-size:2.5vw;margin-top:14vh}.about-container li{font-size:2vw}.project-box{width:40vw;height:40vh;margin:3vw}.projects-header{transform:rotate(-4deg) translateY(-5.5vh);height:20vh}.projects-header h3{font-size:3vw}#chevron{font-size:2vw}.tech-icon{font-size:10vw}.email-container{width:80vw}.form-elements{width:70vw}.content-head{font-size:3vw}.form-input{width:70vw}.form-input,.submit-btn{font-size:2vw}.footer-img{width:30%}.footer-text h4{font-size:3vw;color:#000}.footer-text p{font-size:2.6vw;color:#000}#fa-up{font-size:5vw;transform:translate(100%,100%)}}@media only screen and (min-width:1250px){.projects-header{height:35vh;transform:rotate(-4deg) translateY(-6.5vh)}.nav-container{height:15vh}.nav-container h1{font-size:2vw}.nav-container h2{font-size:1.5vw}.nav-list li{font-size:3vw}.about-container h3,.about-container li{font-size:2vw}.project-box{width:30vw;height:30vh}.projects-header{height:25vh}.content-head{font-size:2vw}.form-input{font-size:1vw}.submit-btn{font-size:2vw;padding:1vw 2vw}}@media only screen and (min-width:1550px){.about-container h3{margin-top:15vh}.projects-header{height:45vh}.project-box{transform:translateY(-8vh);width:25vw;height:30vh}.email-container{width:80vw}.form-elements{width:70vw}.content-head{font-size:3vw}.form-input{width:70vw}.footer-text h4,.form-input,.submit-btn{font-size:2vw}.footer-text p{margin-top:-3vw;font-size:2.5vw}}@media screen and (max-height:500px),screen and (max-width:850px){.nav-container h1{font-size:3vw}.nav-container h2{font-size:2vw}.nav-list li{font-size:5vw}.about-container h3{margin-top:18vw}.tech-icon{font-size:15vw;margin-bottom:10vh}.projects-header{height:30vw;transform:rotate(-4deg) translateY(-10vh)}.projects-header h3{font-size:4vw}.project-box{height:80vw;width:80vw}.content-head{font-size:5vw}.form-input,.submit-btn{font-size:3vw}.submit-btn{padding:2vw 3vw}}@-webkit-keyframes left-to-right{0%{transform:translateX(-100vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes left-to-right{0%{transform:translateX(-100vw);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes right-to-left{0%{transform:translateX(100vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes right-to-left{0%{transform:translateX(100vw);opacity:0}to{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.b1798890.chunk.css.map */