.blog-page{margin:0 auto;display:flex;flex-direction:column;max-width:100%}.blog-list{display:flex;flex-direction:column;margin:60px 0;justify-content:flex-start;gap:20px}.blog-list .blog-meta{margin:0;font-size:1rem;color:var(--secondary-text-color)}.blog-list .blog-date{font-style:italic;font-size:.8rem}.blog-list h3{margin:0}@media (max-width: 768px){.blog-list{margin:30px 0;gap:10px}}footer{text-align:center;margin-left:40px}footer p{font-size:1rem;color:var(--secondary-text-color);font-style:italic}@media (max-width: 768px){footer{margin:20px auto}footer p{font-size:.9rem}}header{padding:20px;margin:0 25px}nav{display:flex;justify-content:space-between;align-content:center;padding:20px}nav h1{flex-grow:1}nav ul{font-size:2.6rem;list-style:none;display:flex;gap:20px;justify-content:center;align-items:center}nav ul li a{font-size:1.4rem;text-decoration:none;color:var(--link-text-color);border-bottom:1px solid var(--link-text-color);display:inline-block;padding:0 5px;transition:all .3s}nav ul li a:hover{color:var(--primary-background-color);border-bottom:1px solid var(--primary-text-color);background-color:var(--primary-text-color);transform:translateY(-5px)}@media (max-width: 768px){nav{display:block}nav h1{text-align:center;margin:0 0 20px}}.social-contact-list{display:flex;gap:20px;justify-content:space-around;flex-wrap:wrap;padding:20px}.social-contact-list li{list-style-type:none;transition:all .2s}.social-contact-list li:nth-child(2n):hover{color:var(--primary-text-color);transform:rotate(20deg)}.social-contact-list li:nth-child(odd):hover{color:var(--primary-text-color);transform:rotate(-20deg)}.social-contact-list li a{font-size:1.6rem}p{margin:20px 5px}.landing{display:flex;justify-content:space-around;gap:50px;align-items:center}.landing img{width:290px;height:290px;border-radius:50%;padding:22px}.landing p{font-style:italic;text-align:center;color:var(--secondary-text-color)}@media (max-width: 768px){.landing{display:block;text-align:center}.landing img{width:255px;height:255px;border-radius:50%;margin:0 auto}.landing p{font-style:italic;text-align:center;font-size:1.2rem}}.project-page{margin:0 auto;display:flex;flex-direction:column;max-width:100%}.project-list{display:flex;flex-direction:column;margin:60px 0;justify-content:flex-start;gap:20px}.project-list .project-meta{margin:0;font-size:1rem;color:var(--secondary-text-color)}.project-list .project-date{font-style:italic;font-size:.8rem}.project-list h3{margin:0}@media (max-width: 768px){.project-list{margin:30px 0;gap:10px}}:root{--primary-background-color: #f9f9f9;--secondary-background-color: #ffffff;--primary-text-color: #171717;--secondary-text-color: #333333;--bold-text-color: #999999;--link-text-color: #cc0000;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-primary: "Inter", sans-serif;--font-heading: "Poppins", sans-serif;--font-code: "Source Code Pro", monospace}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--secondary-background-color)}main{margin:35px 80px;background-color:var(--primary-background-color);padding:69px}section{margin:40px 0}h1{font-family:var(--font-heading);font-size:2.4rem;font-weight:var(--font-bold);line-height:1.2;color:var(--primary-text-color)}h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:var(--font-semibold);line-height:1.3;color:var(--primary-text-color)}h3{font-family:var(--font-heading);font-size:2rem;font-weight:var(--font-semibold);line-height:1.4;color:var(--primary-text-color)}h4{font-family:var(--font-heading);font-size:1.8rem;font-weight:var(--font-semibold);color:var(--primary-text-color)}h5{font-family:var(--font-heading);font-size:1.6rem;font-weight:var(--font-semibold);color:var(--primary-text-color)}h6{font-family:var(--font-heading);font-size:1.4rem;font-weight:var(--font-bold);color:var(--primary-text-color)}p{font-size:1.2rem;font-weight:var(--font-normal);line-height:1.6}a{font-size:1.4rem;text-decoration:none;color:var(--link-text-color)}a:hover{color:var(--primary-text-color)}.link-class{font-size:1.4rem;text-decoration:none;color:var(--link-text-color);border-bottom:1px solid var(--link-text-color);display:inline-block}.link-class:hover{color:var(--primary-text-color);border-bottom:1px solid var(--primary-text-color)}@media (max-width: 768px){main{margin:35px auto;padding:10px 20px}section{margin:45px auto 30px}h1{font-size:2.2rem}h2{font-size:2rem}h3{font-size:1.8rem}h4{font-size:1.6rem}h5{font-size:1.4rem}h6{font-size:1.2rem}p{font-size:1rem;margin:0 auto}a{font-size:1.2rem}}