@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.introduction .heading{font-size:6rem;font-weight:600;margin:0}.introduction .subtext{font-size:3rem;opacity:0;animation:fadeIn 1.5s ease-in-out forwards}@media (max-width: 800px){.introduction .heading{font-size:3rem}.introduction .subtext{font-size:1.5rem}}.project{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;padding:50px 0;position:relative}.project:not(:last-child):after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:1px;background-color:#f0f0f0}.project .content{display:flex;justify-content:space-between}.project .project-image{height:35vh;width:40%;border-radius:20px;object-fit:cover}.project .project-name{margin-bottom:25px}.project .project-description{margin-top:0}.project-info{flex-basis:55%}.project-info .project-link{text-decoration:none;color:#f0f0f0}.project-info .project-link:hover{text-decoration:underline}@media (max-width: 1200px){.project .project-image{object-fit:fill}}@media (max-width: 800px){.project{margin:0 auto;padding:25px 0}.project .project-image{width:100%;margin-bottom:25px}.project .content{flex-direction:column}}.inter{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"slnt" 0}body{background-color:#1e1e1e;font-family:Inter;color:#f0f0f0;line-height:1.5}html{font-size:16px}h1{text-align:center}h3{text-align:center;font-size:30px;margin:10px 0 0}.page-content{max-width:1200px;margin:100px auto 0}.page-content .page-title{display:none}.intro-paragraph{margin:0}@media (max-width: 1200px){.page-content{padding-left:25px;padding-right:25px}}@media (max-width: 800px){html{font-size:16px}.page-content{margin:50px auto 0}.page-content .page-title{display:block}.intro-paragraph{margin:auto}}.menu-icon-container,.mobile-header-container{display:none}.header-container{position:fixed;top:0;left:0;width:100%;z-index:10}.header{max-width:1200px;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;padding:25px 0;background-color:#1e1e1e}.header .header-section{flex-basis:33%}.main-page-links .navbar-link{margin-right:30px}.header .header-title{display:flex;justify-content:center}.header-title .title{font-size:20px}.header-title .title:hover{font-size:20px;text-decoration:underline}.header .social-links{display:flex;flex-direction:row;justify-content:flex-end}.image{height:25px;width:25px;margin-left:10px}.image.github-image,.image.contact-image,.image.web-image{filter:invert(100%)}.social-links .image{transition:transform .3s ease}.social-links .image:hover{transform:scale(1.1)}.navbar-link{text-decoration:none;color:#f0f0f0;font-size:18px}@media (max-width: 1200px){.header{padding-left:25px;padding-right:25px}}@media (max-width: 800px){.header-container{display:none}.mobile-header-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e;z-index:2;overflow:hidden;transition:width .3s ease;display:block}.mobile-header-container.hidden{width:0}.mobile-header{height:100vh;width:100vw;display:flex;flex-direction:column}.mobile-header.hidden{display:none}.menu-icon-container.hidden{width:auto;position:fixed;top:10px;z-index:3;border-radius:5px;display:flex;align-items:center}.menu-icon-container{display:none}.menu-icon{height:20px;width:20px;filter:invert(1)}.mobile-header-section.header-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid}.mobile-header-section.main-page-links{display:flex;flex-direction:column;padding:0 20px}.mobile-header-section.main-page-links .navbar-link{margin-top:20px}.mobile-header-section.social-links{display:flex;flex-direction:row;padding:0 10px;margin-top:20px}.social-links .image:active{transform:scale(1.1)}.header{display:none}}