.about{padding:10px 0 40px;display:flex;flex-direction:column;align-items:center}.about .about-heading{margin-bottom:20px;font-size:1rem}.about .about-content{display:flex;flex-direction:column;padding:0 15px;max-width:85vw;align-items:center}@media (min-width: 768px){.about .about-content{flex-direction:row;flex-wrap:wrap;max-width:80vw;justify-content:space-around;align-items:center}}@media (min-width: 992px){.about .about-content{max-width:65%}}.about .about-content .about-text{line-height:1.6;margin:0 auto 20px}.about .about-content .about-tech{display:flex;gap:10px;flex-direction:column;align-items:center;margin-bottom:30px;line-height:1.5}.about .about-content .about-tech ul{display:flex;flex-direction:column;gap:5px}.about .about-content .about-tech ul li{display:flex;gap:5px}.about .about-content .about-tech i{color:var(--light-blue);font-size:1.4rem}.about .about-content .about-icon{animation:slide-in-left 1.2s ease-in-out both;padding-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:40px}.about .about-content .about-icon a{color:var(--black)}.about .about-content .about-icon img{margin:10px 0;width:80px;height:80px}.about .about-content .about-icon p{margin-top:10px;max-width:60%;text-align:center;background-color:var(--text-white);padding:10px;border-radius:5px}@media (min-width: 768px){.about .about-content .about-icon p{max-width:70%}}.projects{display:flex;justify-content:center;flex-wrap:wrap;padding:10px 0 40px}.projects .project-heading{flex:0 0 100%;text-align:center;font-size:1rem;margin-bottom:20px}.projects .card{width:200px;padding:10px;margin:10px;border:1px solid lightsalmon}.projects h2{margin-bottom:10px}.projects h3,.projects h4{padding:10px 0}.projects h2{text-align:center}.projects img{width:180px;height:100px}header{display:flex;justify-content:space-between;align-items:center;padding:0 15px;min-height:80px}header nav{position:relative}header nav .nav-menu{display:none}header nav .nav-menu.expanded{display:block}header nav .menu-button{cursor:pointer}header nav ul{position:absolute;right:0;top:25px;list-style:none;background-color:var(--text-white);padding:15px 30px 15px 15px}header nav ul li a.active{border-bottom:1px solid var(--red)}header nav ul a{text-decoration:none;color:var(--black)}header nav ul a:hover{text-decoration:underline}@media screen and (min-width: 768px){header nav .nav-menu{display:block}header nav ul{position:relative;top:0;right:0;display:inline-flex;gap:10px;background-color:inherit}header nav ul a{color:inherit}header nav .menu-button{display:none}}.main{padding-top:20px;max-width:60%;margin:0 auto}.main .main-content{padding:0 0 40px;display:flex;flex-direction:column;margin-top:20px}.main .main-content p{margin:0}.main .main-content p span{color:var(--light-blue);font-weight:600;font-size:larger;letter-spacing:.05rem;margin-top:10px}.main .main-content .cta{margin:10px 0;background-color:var(--cta-error);max-width:130px;text-align:center;padding:9px 12px;border-radius:3px;position:relative;top:10px;border:1px solid var(--cta-error)}.main .main-content .cta:hover{color:var(--cta-error);background-color:var(--text-white);cursor:pointer;border:1px solid var(--cta-error)}.main .main-content .landing-img{display:flex;flex-direction:column;align-items:flex-end}.main .main-content .landing-img img{margin:30px 0;width:130px;height:auto;border-radius:50%}@media (min-width: 768px){.main .main-content .landing-img img{width:150px}}.main .main-content .landing-img figcaption{max-width:50px;position:relative;left:-40px}.main .main-content .landing-icon{display:flex;flex-direction:column;animation:slide-in-left 1.2s ease-in-out both}.main .main-content .landing-icon img{position:relative;left:10px;width:100px;height:auto;margin:10px 0}.main .main-content .landing-icon figcaption{margin-top:10px;max-width:50%;justify-content:center;background-color:var(--text-white);padding:10px;border-radius:5px}@media (min-width: 768px){.main .main-content .landing-icon figcaption{max-width:40%}}.main .main-content .landing-icon figcaption a{color:var(--black)}.main .main-content .learn-more{color:var(--text-white);text-decoration:none}.main .main-content .name{color:var(--light-blue)}.main .main-content #index{scroll-margin-top:8em}.main .main-content #portfolio{scroll-margin-top:5rem}.main .main-content #about,.main .main-content #contact{scroll-margin-top:7rem}.main .main-content .js-scroll{transition:opacity .5s}.main .main-content .scrolled.slide-right{animation:slide-in-right 1.2s ease-in-out both}.main .main-content .scrolled.slide-left{animation:slide-in-left 1.2s ease-in-out both}@keyframes slide-in-left{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.contact{padding:10px 0 40px}.contact .contact-heading{text-align:center;flex:0 0 100%}.contact .contact-content{display:flex;flex-direction:column;max-width:80vw;padding:0 15px;position:relative;left:50%;transform:translate(-50%)}@media (min-width: 768px){.contact .contact-content{flex-direction:row;justify-content:space-around}}.contact .contact-content .contact-details{display:flex;flex-direction:column}.contact .contact-content .contact-details i{position:relative;left:0;top:20px;color:var(--light-blue);font-size:1.4rem}@media (min-width: 768px){.contact .contact-content .contact-details i{top:22px}}.contact .contact-content .contact-details h2{margin-top:20px}.contact .contact-content .contact-form form{display:flex;flex-direction:column}.contact .contact-content .contact-name,.contact .contact-content .contact-email{margin-left:32px}.contact .contact-content .contact-form h3{margin-top:20px}.contact .contact-content .contact-form input,.contact .contact-content .contact-form textarea{padding:5px 0 3px 3px;font-family:inherit!important}.contact .contact-content .contact-form{line-height:1.5;font-size:1.1rem}.contact .contact-content .contact-details,.contact .contact-content .contact-form{margin:20px 0 10px}.contact .contact-content label{margin:10px 0 2px}.contact .contact-content .contact-form input[type=submit]{font-size:1.1rem;margin-top:15px;background-color:var(--cta-error);color:var(--text-white);border:none;padding:10px 0;border-radius:5px;cursor:pointer}.contact .contact-content .contact-form input[type=submit]:hover{background-color:var(--text-white);color:var(--cta-error);border:1px solid var(--cta-error)}.contact .contact-content .form-error{color:var(--cta-error);display:none;margin-top:3px}body{font-family:PT Sans,Verdana,Geneva,Tahoma,sans-serif;font-size:.9rem;color:var(--black);line-height:1.3;background-color:var(--text-white)}@media (min-width: 768px){body{font-size:1rem}}h1,h2,h3,h4,h5,h6{font-family:"PT Serif",Times New Roman,Times,serif}h1{font-size:1.8rem}h2{font-size:1.3rem}a{text-decoration:none}a:hover{text-decoration:underline}header{display:flex;min-height:75px;justify-content:space-between;align-items:center;padding:0 15px}header .menu-button{cursor:pointer}@media (min-width: 768px){header .menu-button{display:none}}header .logo{display:flex;align-items:center;gap:5px}header .logo p{font-family:Playfair Display;font-style:italic;font-weight:500;letter-spacing:.05em}header .logo img{width:30px;height:30px;object-fit:cover;border-radius:50%}header .navbar{display:flex;align-items:center;position:relative;cursor:pointer}header .navbar .nav-menu{list-style:none;position:absolute;display:flex;gap:10px;flex-direction:column;top:20px;right:5px;background-color:#222;color:#fffefe;padding:10px 30px}header .navbar .nav-menu li a{color:#fffefe}@media (min-width: 768px){header .navbar .nav-menu li a{color:#222}}header .navbar .nav-menu li a:hover{text-decoration:underline}header .navbar .navbar li{cursor:pointer}header .navbar .nav-menu-web{list-style:none;display:flex;gap:10px;flex-direction:row;background-color:inherit;color:inherit;position:relative;top:0;right:0}footer .footer-content{min-height:10vh;display:flex;justify-content:space-around;background-color:var(--blue);color:var(--text-white);align-items:center}footer .footer-content .footer-social i{margin-right:10px;padding:5px;color:var(--text-white)}footer .footer-content .footer-social i:hover{cursor:pointer}*{box-sizing:border-box;list-style:none;margin:0;padding:0}:root{--black: #111;--light-blue: #1972de;--blue: #2C4A73;--dark-blue: rgb(0, 0, 255);--red: #FF5443;--gray: #d2d2d2;--white: #F2F2F2;--cta-error:#a44029;--text-white: #fffefe}.wrapper{max-width:1160px;margin:0 auto;background-color:var(--white);min-height:100vh}