*{margin:0;padding:0;box-sizing:border-box}:root{--primary-font: #2a2e35;--highlight-color: #fffbc4}body{font-family:"Mooli",sans-serif;color:var(--primary-font);line-height:1.5rem}.nav-container{display:flex;justify-content:space-between;align-items:center;margin:0;width:100%;height:auto;position:fixed;top:0;background-color:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:.2s}.nav-container a{text-decoration:none;color:var(--primary-font)}.nav-container img{width:100px}.nav-container ul{list-style-type:none}.nav-container .nav-items{display:flex;justify-content:space-between;width:200px;margin-right:1rem}.hero{display:flex;flex-direction:column;justify-content:center;margin:2rem 10rem;height:85vh;line-height:2rem}.hero h2 .highlight{background-color:var(--highlight-color)}@media(max-width: 425px){.hero{margin:2rem .5rem}}.about{margin:2rem 10rem}@media(max-width: 1024px){.about{margin:2rem 1rem}}.about .about-me{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 2rem 10rem}@media(max-width: 425px){.about .about-me{margin:1rem .5rem}}.about img{margin:1rem;width:300px;height:300px;border-radius:50%}.about h2{margin:2rem auto}.projects{margin:2rem 10rem}@media(max-width: 1024px){.projects{margin:2rem 1rem}}.projects h2{margin:2rem auto}.projects .project-gallery{position:relative;margin:auto 10rem;display:flex;flex-wrap:wrap;justify-content:space-between}@media(max-width: 1024px){.projects .project-gallery{margin:auto 5rem}}@media(max-width: 425px){.projects .project-gallery{margin:1rem .5rem}}.projects .project-gallery .project-container{display:flex;flex-direction:column;justify-content:space-between;width:300px;margin-bottom:1rem;padding:.5rem;border:1px solid var(--primary-font);box-shadow:4px 4px;font-size:.9rem}.projects .project-gallery .project-container .project-links{display:flex;justify-content:end}.projects .project-gallery .project-container .project-links a{text-decoration:none;margin:.5rem;font-size:20px;color:var(--primary-font)}.projects .project-gallery .project-container .project-links a:hover{transform:scale(1.2)}.projects .project-gallery .project-container .project-tags ul{list-style-type:none;display:flex}.projects .project-gallery .project-container .project-tags li{font-size:.75rem;width:auto;margin:.5rem;padding:.1rem .5rem;border:.5px solid var(--primary-font);border-radius:10px}.projects .project-gallery .project-container:hover{box-shadow:none;transform:translateX(4px) translateY(4px)}.contact{margin:2rem 10rem}@media(max-width: 1024px){.contact{margin:auto 5rem}}@media(max-width: 425px){.contact{margin:1rem .5rem}}.contact p{margin-top:1.5rem}.contact .contact-links{display:flex;justify-content:center}.contact .contact-links a{margin:.5rem;text-decoration:none;font-size:28px;color:var(--primary-font)}.contact .contact-links a .fa-envelope,.contact .contact-links a .fa-brands{transition:transform .5s ease-in-out}.contact .contact-links a .fa-envelope:hover,.contact .contact-links a .fa-brands:hover{transform:scale(1.3) rotate(360deg)}footer{text-align:center;margin:1rem}