@import url(https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);.intro-section{align-content:center;-webkit-animation:fadein 2s ease-in-out;animation:fadein 2s ease-in-out;background:#000;background:linear-gradient(180deg,#000,#173a45 35%,#2c7386);color:#eeeded;display:flex;flex-wrap:wrap;height:700px;justify-content:center;margin:0}.intro-text,.skills{font-family:Saira Stencil One,cursive;letter-spacing:.1rem;text-shadow:-.5px 0 #8e8f8f,0 .5px #8e8f8f,.5px 0 #8e8f8f,0 -.5px #8e8f8f}.intro-text{-webkit-animation:mobile-fontsize 2s ease-in-out;animation:mobile-fontsize 2s ease-in-out;font-size:1.75rem}.resume-btn{background-color:#163f4d;border:1px solid #163f4d;border-radius:.4rem;color:#fff;margin-top:2rem;padding:.75rem 2rem}.resume-btn:hover{background-color:#205d71;cursor:pointer}@media screen and (min-width:768px){.intro-section{background:none;background-image:url(/static/media/desktop_intro.8aeb30dcfa165ff3edd7.webp);background-size:cover}.intro-text{-webkit-animation:desktop-fontsize 2s ease-in-out;animation:desktop-fontsize 2s ease-in-out;font-size:2.5rem}}@-webkit-keyframes desktop-fontsize{0%{font-size:0}to{font-size:2.5rem}}@keyframes desktop-fontsize{0%{font-size:0}to{font-size:2.5rem}}@-webkit-keyframes mobile-fontsize{0%{font-size:0}to{font-size:1.75rem}}@keyframes mobile-fontsize{0%{font-size:0}to{font-size:1.75rem}}.aboutme-section{margin:0 auto;max-width:1600px}.aboutme-article,.mobile-aboutme-article{display:flex;flex-direction:column}.desktop-aboutme-article{display:none}.aboutme-section h1{border-bottom:1px solid #d4d3d3;color:#2d7689;font-weight:700;margin:0 2rem;padding:2rem;text-align:center}.aboutme-img{margin:0;width:100%}.hobbies-img{margin-bottom:1rem;width:100%}.about-text{color:#6c6b6b;margin:0;padding:0;text-align:center;width:100%}.about-text h2{color:#2d7689;font-weight:bolder;margin:2rem 0}.about-text p{color:#2d7689;font-size:1rem}.skills-img{width:100%}@media screen and (min-width:1280px){.mobile-aboutme-article{display:none}.aboutme-article,.desktop-aboutme-article{display:flex;flex-direction:row;padding-bottom:2rem}.aboutme-img{width:50%}.about-text{padding:0 2rem;text-align:left;width:50%}.skills-img{width:75%}}.portfolio-section{background-color:#f9f7f7;margin:0 auto;max-width:1600px}.portfolio-section h1{border-bottom:1px solid #d4d3d3;color:#2d7689;font-weight:700;margin:0 2rem;padding:2rem;text-align:center}.portfolio-article{display:grid;grid-template-columns:1fr;padding:0 1rem}.portfolio-item{color:#6c6b6b;padding:1rem;text-align:center}.portfolio-item h5{color:#2d7689;font-size:1.5rem;font-weight:500;margin-bottom:1.25rem}.portfolio-item p{color:#2d7689;font-size:.9rem}.portfolio-img{border:1px solid #e3e4e3;border-radius:5px;cursor:pointer;margin:auto;width:100%}.portfolio-img:hover{opacity:75%}@media screen and (min-width:768px){.portfolio-item p{font-size:1.1rem}}@media screen and (min-width:1280px){.portfolio-article{grid-template-columns:repeat(3,1fr);padding:0 2rem}.portfolio-item h5{font-size:1.3rem}.portfolio-img{height:275px}.portfolio-item p{font-size:1.1rem}}.socialmedia-section{margin:0 auto;max-width:1600px}.socialmedia-section h1{border-bottom:1px solid #d4d3d3;color:#2d7689;font-weight:700;margin:0 2rem;padding:2rem;text-align:center}.social-icon{height:2.5rem;margin:1rem;width:2.5rem}#instagram-icon{background-color:#e12f6c;border-radius:50%;color:#fff;height:2rem;padding:.25rem;width:2rem}#github-icon{color:#2b2e32}#linkedin-icon{border:1px solid #fff;border-radius:50%;height:2.5rem;width:2.5rem}@media screen and (min-width:768px){.social-icon{margin:2rem}}.mobile-home{display:block}.desktop-home{display:none}.desktop-navbar,.mobile-navbar{align-items:center;background:transparent;color:#fff;display:flex;padding:1rem;position:absolute;top:0;width:100%;z-index:1}.desktop-navbar{display:none}.welcome-tag{color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.2rem;margin:1rem 0 1rem .5rem;text-decoration:none}.menu-closebtn,.menu-openbtn{background-color:initial;color:#fff;font-size:2rem;margin-right:1.5rem;right:.25rem;top:2rem}.menu-closebtn,.menu-openbtn,.mobile-menu{align-items:center;border:none;display:flex;justify-content:center;position:absolute}.mobile-menu{background:#000;background:linear-gradient(180deg,#09161b,#173a45 35%,#2c7386);flex-direction:column;left:0;overflow-x:hidden;top:6rem;transition:all .5s;width:100%;z-index:99}.navlink{color:#fff;font-size:1.25rem;font-weight:600;margin:1rem;padding:0;text-align:center;text-decoration:none}.navlink:hover{color:#3495b6;cursor:pointer}.nav-icon{height:2.5rem;margin:1rem;width:2.5rem}#instagram-nav-icon{background-color:#e12f6c;border-radius:50%;color:#fff;height:2rem;padding:.25rem;width:2rem}#facebook-nav-icon,#github-nav-icon{background-color:#fff;border-radius:50%}#github-nav-icon{color:#2b2e32}#linkedin-nav-icon{border:1px solid #fff;border-radius:50%}@media screen and (min-width:768px){.mobile-home{display:none}.desktop-home{display:block}.desktop-navbar{display:flex;justify-content:space-between;padding:2rem 2rem 2rem 4rem}.desktop-navbar div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile-navbar{display:none}.welcome-tag{margin:0}.navlink{font-size:1rem;margin:0;padding-right:3rem}}.desktop-contact-section,.mobile-contact-section{background-color:#f9f7f7;display:block;margin:0 auto 1.5rem;max-width:1600px}.desktop-contact-section{display:none}.contact-navbar{align-items:center;background-color:#163f4d;color:#fff;display:flex;justify-content:center;padding:0;width:100%}.contact-section-heading{border-bottom:1px solid #d4d3d3;color:#2d7689;font-weight:700;margin:0 2rem;padding:2rem;text-align:center}.contact-article{color:#2d7689}.contact-form{display:flex;flex-direction:column;padding:0 3rem 3rem}.contact-form input,.contact-form textarea{border:1px solid #edecec;border-radius:5px;margin-bottom:1rem;padding:.75rem}.contact-form textarea{height:10rem}.contact-form input:focus{outline:1.5px solid #075624}.form-btn{background-color:#163f4d;border:1px solid #2d7689;border-radius:.4rem;color:#fff;margin-top:2rem;padding:.75rem 2rem}.form-btn:hover{background-color:#205d71;cursor:pointer}.contact-article div{padding:3rem}@media screen and (min-width:768px){.contact-navbar{justify-content:space-between;padding:2rem 2rem 2rem 4rem}.contact-navbar,.contact-navbar div{flex-direction:row}}@media screen and (min-width:1248px){.mobile-contact-section{display:none}.desktop-contact-section{display:block;margin:0 auto 3rem}.contact-article{display:grid;grid-template-columns:1fr 1fr}.contact-form{padding:3rem}}.error-section{-webkit-animation:fadein 1s;animation:fadein 1s;background:#000;background:linear-gradient(180deg,#000,#173a45 35%,#2c7386);border:1px solid #fff;color:#fff;display:block;height:100vh;justify-content:center;margin:0;min-width:350px;position:relative}.error-article,.error-section{align-items:center;display:flex}.error-article{flex-direction:column;height:40%;justify-content:space-around;margin:0 auto}.error-article h1{width:30rem}.error-article h1,.error-link{margin:0 auto;text-align:center}.error-link{color:#fff;font-size:1.1rem;text-decoration:underline}.error-link:hover{color:#3495b6;cursor:pointer}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;font-family:Montserrat,sans-serif}
/*# sourceMappingURL=main.01066ad8.css.map*/