body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#171b21;font-family:Josefin Sans,sans-serif;margin:0}@media(max-width:900px){body{height:100vh}#root{height:100%}}a{color:inherit;cursor:default;text-decoration:none}h2,h3{color:#f9f3e1;font-family:Lato,sans-serif;font-size:2rem;font-weight:600;letter-spacing:1rem;margin:0}.Header{cursor:default;margin:3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Header h1{color:#f9f3e1;font-size:6rem;margin:0;position:relative}.Header h1:before{-webkit-animation:show 1.4s ease-in-out forwards;animation:show 1.4s ease-in-out forwards;background-color:#f9f3e1;bottom:0;content:"";height:7rem;left:0;position:absolute;width:100%}@-webkit-keyframes show{to{width:0}}.Header h2{color:#f6a928;position:relative}.Header h2:before{-webkit-animation:show 1.3s ease-in-out forwards;animation:show 1.3s ease-in-out forwards;background-color:#f6a928;bottom:0;content:"";height:2rem;left:0;position:absolute;width:100%}@keyframes show{to{width:0}}.Header .links{align-items:center;display:flex;justify-content:center}.Header .links i{color:#f6a928;cursor:pointer;font-size:3rem;margin:1rem}.Header a{align-self:center;color:#171b21;cursor:pointer}.Menu{bottom:1rem;left:2rem;position:absolute;z-index:3}.Menu:before{-webkit-animation:show .9s ease-in-out forwards;animation:show .9s ease-in-out forwards;height:100%;z-index:1}.Menu .underline:before,.Menu:before{background-color:#f6a928;bottom:0;content:"";left:0;position:absolute;width:100%}.Menu .underline:before{height:3px}.Menu .fa-burger{color:#f6a928;display:none;font-size:3rem}.Menu h2{cursor:pointer;margin:1rem;padding-bottom:.25rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Menu h2:before{background-color:#f6a928;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .25s ease-out;width:0}.Menu h2:hover:before{width:100%}.Menu .highlight:before{background-color:#f6a928;bottom:0;content:"";height:2rem;left:0;position:absolute;width:100%;z-index:-1}.Menu h3{cursor:pointer;font-size:1.5rem;margin:1rem 1rem 1rem 3rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Menu h3:before{background-color:#f6a928;bottom:0;content:"";height:2rem;left:0;position:absolute;transition:width .25s ease-out;width:0;z-index:-1}.Menu h3:hover:before{width:100%}.Welcome{-webkit-animation:slide-up .8s ease-in forwards;animation:slide-up .8s ease-in forwards;background-color:#155147;gap:1rem;height:100vh;overflow:hidden;position:absolute;top:0;width:100vw;z-index:3}.Welcome,.Welcome div{align-items:center;display:flex;justify-content:center}.Welcome div{margin:1rem}.Welcome div h1{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes slide-up{60%{height:100%}to{height:0}}@keyframes slide-up{60%{height:100%}to{height:0}}.Welcome i{color:#f6a928;font-size:5rem}.Welcome h1{color:#f9f3e1;font-size:4rem}.modal{box-shadow:1rem 1rem #f6a928}.curtain,.modal{background-color:#155147;bottom:3rem;height:50%;padding:2rem;position:absolute;right:3rem;width:50%}.curtain{-webkit-animation:curtain .75s ease-out forwards;animation:curtain .75s ease-out forwards;z-index:2}@-webkit-keyframes curtain{0%{width:0}25%{width:50%}75%{width:50%}to{width:0}}@keyframes curtain{0%{width:0}25%{width:50%}75%{width:50%}to{width:0}}.badge{background-color:#f6a928;color:#f9f3e1;cursor:default;font-size:1.25rem;font-weight:700;padding:.5rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.About img{height:100%;object-fit:cover;overflow:hidden;transition-duration:.2s;width:50%}.About .bio{color:#f9f3e1;display:flex;flex-direction:column;font-size:1.25rem;height:100%;justify-content:space-between;margin-left:2rem;width:50%}.About .bio p{margin:0;text-align:end}.Projects{background-position:50%!important;background-size:cover!important;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.Projects .text{color:#f9f3e1;font-weight:700}.Projects .text a,.Projects .text h4,.Projects .text p{color:inherit;margin:0;text-decoration:none;z-index:1}.Projects .text a:hover{cursor:pointer;text-decoration:underline}.Projects .text h4{font-size:2rem}.Projects .text .title{font-family:Lato,sans-serif;margin:2rem}.Projects .text .title .links{align-items:center;display:flex;gap:.5rem}.Projects .text .description{font-size:1.5rem;margin:2rem}.Projects .techstack{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 2rem 2rem}.Projects .techstack .badge{opacity:.7;transition-duration:.2s;z-index:0}.Projects .techstack .badge:hover{opacity:1}.nav-btns{align-items:center;color:#f6a928;display:flex;font-size:2rem;height:100%;justify-content:space-between;position:absolute;width:calc(100% - 4rem)}.nav-btns i{cursor:pointer;opacity:.7;transition-duration:.2s}.nav-btns i:hover{font-size:2.5rem;opacity:1}.nav-btns i:active{font-size:2rem}.Contact{display:flex;flex-direction:column;height:100%}.Contact h2{font-family:Josefin Sans,sans-serif;font-weight:700;letter-spacing:normal;margin-bottom:1rem}.Contact h2 a{cursor:pointer;font-size:1rem}.Contact h2 a:hover{text-decoration:underline}.Contact form{display:flex;flex-direction:column;height:100%}.Contact form input,.Contact form textarea{background-color:#171b21;border:0;color:#f9f3e1;font-family:Josefin Sans,sans-serif;font-size:1.5rem;margin-bottom:1rem;padding:.5rem 1rem}.Contact form textarea{height:100%;resize:none}.Contact form input{height:3rem}.Contact form input::-webkit-input-placeholder,.Contact form textarea::-webkit-input-placeholder{font-family:Josefin Sans,sans-serif}.Contact form input::placeholder,.Contact form textarea::placeholder{font-family:Josefin Sans,sans-serif}.Contact form input:focus,.Contact form textarea:focus{outline-color:#f6a928}.Contact .badge{align-self:flex-end;cursor:pointer;transition-duration:.2s}.Contact .badge:active{-webkit-filter:brightness(70%);filter:brightness(70%)}.Contact .badge:hover{border-radius:30px}.Contact .thanks{color:#f9f3e1;font-size:2rem;font-weight:700}@media(max-width:900px){.App{align-items:center;display:flex;flex-direction:column;height:100%}.Header{margin:2rem 0 0}.Header .links{justify-content:center}.Header h1{font-size:10vw;text-align:center}.Header h2{font-size:4vw;letter-spacing:1vw;text-align:center}.fa-burger{bottom:2rem;display:block!important;left:2rem;opacity:60%;position:fixed;transition-duration:.2s}.fa-burger:hover{opacity:100%}.Menu{background-color:rgba(23,27,33,.7);bottom:6rem;left:1rem;position:fixed}.Menu .menu-items{display:none}.Menu .menu-items h2{font-size:1.75rem}.Menu .menu-items h3{font-size:1.25rem}.modal{box-shadow:none;height:100%;padding:0;position:static;width:100%}.About{flex-direction:column;justify-content:flex-start}.About img{border:3px solid #f9f3e1;border-radius:50%;height:auto;margin:2rem;object-fit:cover;object-position:bottom;width:50%}.About .bio{display:flex;height:auto;justify-content:space-between;margin:1rem;width:90%}.About .bio div{margin-bottom:2rem}.nav-btns{height:70%;width:100%}.Contact h2{margin:1rem}.Contact form{margin:0 1rem}.Contact .badge{margin:0 1rem 1rem}.curtain{display:none}}
/*# sourceMappingURL=main.56a42778.css.map*/