#navbar{background:#1e1e1e;color:#fff;font-family:Rubik,sans-serif;height:5rem;justify-content:space-between;margin:0 auto;overflow:hidden;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}#desktop-menu,#navbar{align-items:center;display:flex}#desktop-menu{gap:10px;justify-content:center}#menu-links{display:flex;gap:3rem}.desktop-menu-link{opacity:.75;transition:all .06s ease-in}.desktop-menu-link:hover{cursor:pointer;opacity:1}.social-link{color:#fff;cursor:pointer}#social-links{display:flex;margin-left:3rem}#social-links a{align-items:center;background:hsla(0,0%,85%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:50%;display:inline-flex;height:3rem;justify-content:center;margin-right:8px;width:3rem}#social-links a:before{background-color:#fff;border-radius:50%;content:"";height:3rem;position:absolute;-webkit-transform:scale(0);transform:scale(0);transition:.3s ease-in-out;width:3rem}#social-links a:hover:before{-webkit-transform:scale(1);transform:scale(1)}#social-links a .social-link{transition:.3s ease-in-out;width:42%;z-index:1}#social-links a:hover .social-link{-webkit-filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%);filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}#desktop-menu button{background-color:initial;border:1px solid #fff;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;margin-left:2rem;opacity:.95;padding:18px 34px;position:relative;transition:.32s ease-in-out}#desktop-menu button:before{background-color:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:.32s ease-in-out;width:0;z-index:-1}#desktop-menu button:hover{color:#121212}#desktop-menu button:hover:before{content:"";height:100%;position:absolute;width:100%}.active-link{opacity:1}.hamburger{cursor:pointer;font-size:2.5rem;position:absolute;right:5rem;top:20px;visibility:hidden;z-index:15}.hamburger-hide{display:none}#mobile-menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(50,50,50,.7);color:#fff;flex-direction:column;gap:4rem;inset:0 0 0 50%;position:fixed}.mobile-menu-close{-webkit-transform:translateX(100%);transform:translateX(100%)}.mobile-menu-close,.mobile-menu-open{font-size:2rem;padding:6rem 3rem 2rem;transition:-webkit-transform .75s;transition:transform .75s;transition:transform .75s,-webkit-transform .75s}.mobile-menu-open{-webkit-transform:translateX(0);transform:translateX(0)}.mobile-menu-link{cursor:pointer;opacity:.75;transition:all .09s ease-in}.mobile-menu-link:hover{opacity:1}#mobile-close-x{cursor:pointer;font-size:2.5rem;opacity:.75;position:absolute;right:1.5rem;top:1.2rem;z-index:10}.mobile-close-x:hover{opacity:1}@media screen and (max-width:950px){#desktop-menu{display:none}.hamburger{visibility:visible;visibility:initial}.hamburger-hide{display:none}#mobile-menu{display:flex}}@media screen and (max-width:450px){.hamburger{font-size:2.1rem;right:3rem}#mobile-menu{font-size:1.55rem;gap:2rem;inset:0 0 0 34%}#mobile-close-x{font-size:2rem;right:1.7rem}}@media screen and (min-width:600px){#mobile-close-x{right:2.4rem;top:1.6rem}}#intro{overflow:hidden}#intro,.intro-layout{height:calc(100vh - 5rem);margin:0 auto;max-width:80rem;position:relative;width:100vw}.intro-layout{align-items:center;display:flex;z-index:2}#intro-content{flex:1 1;flex-direction:column;font-size:3.4rem;font-weight:500;padding:2rem}#intro-content,.profile-section{display:flex;justify-content:center;min-width:0;width:50%}.profile-section{align-items:center;flex:1 1;height:calc(100vh - 5rem);padding:1rem}.profile-image-container{align-items:center;display:flex;height:100%;justify-content:center;margin:0;overflow:hidden;width:100%}.profile-headshot{border:none;box-shadow:none;height:75vh;object-fit:cover;object-position:center;width:100%}.background-portrait{display:none;height:100%;left:0;object-fit:cover;opacity:0;position:absolute;top:0;width:100%;z-index:-1}#hello{font-size:1.75rem;font-weight:400;margin-bottom:15px}#introName{color:#f09c01}#web-dev{margin-bottom:20px}.intro-paragraph{color:#f0f0f0;font-family:Poppins,sans-serif;font-size:1rem;font-weight:200;line-height:1.25;max-width:465px}@media screen and (max-width:768px){.intro-layout{flex-direction:column}#intro-content{max-width:100%;position:relative;text-align:center;z-index:2}.profile-section{left:0;padding:0;position:absolute;top:0;z-index:-1}.profile-headshot,.profile-image-container,.profile-section{height:100%;width:100%}.profile-headshot{max-height:none;object-fit:cover;opacity:.4}.background-portrait{display:none}.intro-paragraph{background:hsla(0,0%,100%,.9);border-radius:8px;color:#333;padding:1rem}}@media screen and (max-width:850px){.intro-text{font-size:3.32rem}.intro-paragraph{font-size:1.05rem}}@media screen and (max-width:1024px) and (min-width:769px){.profile-headshot{height:55vh;min-height:55vh}#intro-content{max-width:55%}}@media screen and (max-width:600px){.intro-paragraph{font-size:.9rem;max-width:90vw}.profile-headshot{opacity:.3}}.intro-text{margin-bottom:15px}#intro-connect{font-size:1.38rem;-webkit-transform:translateY(20px);transform:translateY(20px)}#portrait{height:100vh;object-fit:cover;position:absolute;right:4%;top:5rem;z-index:-1}@media screen and (max-width:500px){.intro-text{font-size:2.7rem}}@media screen and (max-width:1500px){#portrait{right:4%}}@media screen and (max-width:1250px){#portrait{right:2%}}@media screen and (max-width:900px){#portrait{right:0}}@media screen and (max-width:750px){#portrait{right:-6vw}}@media screen and (max-width:480px){#portrait{right:-13vw}}@media screen and (max-width:400px){#portrait{right:-25vw}}@media screen and (max-height:560px){#portrait{height:800px;top:0}.intro-paragraph{font-size:.7rem;max-width:30vw}.intro-text{font-size:2rem}}@media screen and (max-height:800px){#portrait{height:130vh;top:0}}@media screen and (max-height:500px) and (max-width:900px){.intro-paragraph{font-size:.64rem;max-width:30vw}}#right-arrow:hover{-webkit-transform:translateX(14px);transform:translateX(14px)}#intro-connect:hover{cursor:pointer}#right-arrow{color:#f09c01;margin-left:12px;transition:.25s ease-in-out}@media screen and (max-height:750px) and (max-width:375px){#portrait{top:-.2rem}}@media screen and (max-height:850px) and (max-width:390px){#portrait{top:-19rem}}@media screen and (max-width:400px) and (max-height:760px){#portrait{height:100vh;right:-2rem;top:0}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65vw;overflow:hidden;text-align:center;width:100vw}.skills-title{font-size:2.5rem;font-weight:500;margin-bottom:1.5rem;padding-top:4rem}.skills-description{font-size:1rem;font-weight:400;max-width:60rem}.skills-cards{margin:1.5rem;max-width:85%;text-align:left;width:100vw}.skills-card{background:#323232;border-radius:.6rem;display:flex;margin:2.5rem;padding:1.5rem 2rem}.skills-card-text>p{color:#f5f5f5;font-size:.79rem;font-weight:200}.skills-card-text>p,h3{font-family:Poppins,sans-serif}#skills .react-icon{-webkit-animation:rotate 40s linear infinite;animation:rotate 40s linear infinite;color:#007acc;height:3.5rem;width:3.5rem}#skills .react-icon:hover{-webkit-animation-play-state:paused;animation-play-state:paused}.projects-link{cursor:pointer}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.skills-card-image{height:3.5rem;margin-right:2rem;object-fit:contain;width:3.5rem}@media screen and (max-width:900px){.skills-cards{max-width:100%;width:100vw}#skills{max-width:75vw}}@media screen and (max-width:700px){#skills{max-width:90vw}.skills-cards{max-width:100%;width:100vw}.skills-card-image{margin-right:0}.skills-card{align-items:center;flex-direction:column;justify-content:center}h3{text-align:center}}#projects{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;min-height:calc(100vh - 5rem);padding:0 1rem;width:100vw}.projects-title{font-size:2.5rem;font-weight:500;margin-bottom:5rem}.projects-container{align-items:center;display:flex;gap:9vw;justify-content:center}.project-container{align-items:center;display:flex;flex-direction:column}.project-img{cursor:pointer;height:11.5rem;margin-bottom:.6rem;margin-left:1rem;margin-right:1rem;width:20rem}.project-img-title{margin-bottom:1rem;text-align:center}.tools{color:ivory;font-size:.9rem;max-width:20rem}.img-links{display:flex;gap:2rem}.img-links a{align-items:center;border:1px solid #fff;border-radius:100px;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;margin-bottom:6rem;margin-top:1rem;padding:.3rem 1.2rem;position:relative;text-decoration:none;transition:background-color .2s;width:6rem}.img-links a:hover{background-color:#fff;color:#121212;font-weight:500}.projects-see-more{background:#fff;border:none;border-radius:1.6rem;font-family:Poppins,sans-serif;font-size:.81rem;font-weight:500;padding:.5rem 2.5rem}@media screen and (max-width:985px){.projects-container{gap:2.2rem}}@media screen and (max-width:850px){.projects-container{flex-direction:column;gap:0}.img-links a{margin-bottom:3.7rem}}@media screen and (max-width:700px){.projects-container{flex-direction:column;gap:4rem;margin-bottom:4rem}.project-img{width:18rem}.tools{max-width:250px}.img-links a{height:1.8rem;margin-bottom:0;width:5.7rem}.img-links p{font-size:.9rem}.projects-title{font-size:1.9rem;margin-bottom:4rem}}#contact{height:calc(100vh - 5rem);margin:0 auto;max-width:68rem;padding-top:10rem;text-align:center;width:100vw}.contact-title{font-size:2.5rem}.contact-description{font-size:.93rem;font-weight:300;padding:1rem}.contact-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;width:90vw}.contact-email,.contact-message,.contact-name{background:#282828;border:none;border-radius:.5rem;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;margin:.5rem 1rem;max-width:40rem;padding:.5rem 1rem;width:100%}.contact-submit{background:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;margin:2rem;padding:.75rem 3.5rem}.contact-container{height:100vh}.contact-container,.contact-links{align-items:center;display:flex;justify-content:center}.contact-links{gap:4vw}.contact-icon{cursor:pointer;display:none;height:3.3rem;width:3.3rem}.email-response{color:#f09c01;font-family:Poppins,sans-serif;font-weight:400;margin-bottom:1.5rem}.hidden{display:none}@media screen and (max-width:950px){.contact-icon{display:block}.contact-submit{margin-bottom:1.5rem}}.footer{font-size:.8rem;font-weight:300;margin-bottom:10px;margin-top:4rem;text-align:center;width:100vw}#about{height:calc(100vh - 5rem);margin:0 auto;max-width:500rem;position:relative;width:100vw}.about-title{font-size:2.5rem;margin-bottom:3rem;text-align:center}.about-description-container{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center;-webkit-transform:translateY(-2rem);transform:translateY(-2rem)}.about-description{font-family:Poppins,sans-serif;font-weight:500;line-height:1.3;max-width:55vw;padding-top:1rem;text-align:center}.head-shot{border-radius:2px;height:90vh;margin-bottom:3rem;object-fit:cover;opacity:.5;position:absolute;top:5rem;width:100vw;z-index:-1}
/*# sourceMappingURL=main.624af1cf.css.map*/