.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}}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.mdx-page{margin:0 auto;padding:2rem 1.5rem;line-height:1.7;color:#333}.mdx-page>p:first-child{color:#666;font-size:.9rem;margin-bottom:2rem}.mdx-page h1{font-size:2.5rem;margin-bottom:1rem;color:#111;line-height:1.2}.mdx-page h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1rem;color:#222}.mdx-page h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.8rem;color:#333}.mdx-page p{margin-bottom:1.5rem;font-size:1.1rem}.mdx-page a{color:#06c;text-decoration:none;border-bottom:1px solid #0066cc;transition:color .2s}.mdx-page a:hover{color:#049;border-bottom-color:#049}.mdx-page ul,.mdx-page ol{margin-bottom:1.5rem;padding-left:2rem}.mdx-page li{margin-bottom:.5rem}.mdx-page pre{background:#1e1e1e;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-size:.95rem}.mdx-page code{font-family:Fira Code,Consolas,monospace}.mdx-page :not(pre)>code{background:#f4f4f4;color:#e83e8c;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.mdx-page blockquote{border-left:4px solid #0066cc;padding-left:1.5rem;margin:2rem 0;color:#555;font-style:italic}.mdx-page img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.mdx-page hr{border:none;border-top:1px solid #e0e0e0;margin:3rem 0}@media(max-width:768px){.mdx-page{padding:1.5rem 1rem}.mdx-page h1{font-size:2rem}.mdx-page h2{font-size:1.6rem}.mdx-page p{font-size:1rem}}.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}.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}}