﻿@font-face{font-family:"Canela";src:url("../assets/fonts/Canela_Collection/Canela Family/Canela-Regular-Trial.otf") format("opentype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Canela";src:url("../assets/fonts/Canela_Collection/Canela Family/Canela-Bold-Trial.otf") format("opentype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Canela";src:url("../assets/fonts/Canela_Collection/Canela Family/Canela-Light-Trial.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url("../assets/fonts/Source_Serif_4/SourceSerif4-VariableFont_opsz,wght.ttf") format("truetype");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url("../assets/fonts/Source_Serif_4/SourceSerif4-Italic-VariableFont_opsz,wght.ttf") format("truetype");font-weight:200 900;font-style:italic;font-display:swap}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}@media(max-width: 1500px){html{font-size:57.25%}}@media(max-width: 1200px){html{font-size:50%}}@media(max-width: 770px){html{font-size:43.75%}}@media(max-width: 615px){html{font-size:40%}}@media(max-width: 350px){html{font-size:35%}}body{min-height:100vh;color:#28221a;font-family:"Source Serif 4","Iowan Old Style","Palatino Linotype",Palatino,serif;background-color:#f0ebe0;line-height:1.7;overflow-x:hidden}li{list-style:none}a{text-decoration:none;color:inherit}button{border:none;outline:none;background-color:rgba(0,0,0,0);color:inherit}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(4rem)}100%{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-1rem)}100%{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.footer{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:160px;background-color:#e5ddd0}.socials{display:flex;margin-bottom:20px}.socials__github,.socials__email,.socials__linkedin{display:flex;justify-content:center;align-items:center;width:35px;height:35px;background-color:rgba(0,0,0,0);cursor:pointer;transition:all .2s}.socials__github:hover,.socials__email:hover,.socials__linkedin:hover{transform:scale(1.2)}.socials__github{margin-left:1rem}.socials__github img{height:100%;width:auto;object-fit:contain}.socials__email{margin-left:1rem}.socials__email img{height:100%;width:auto;object-fit:contain}.socials__linkedin{margin-left:1rem}.socials__linkedin img{height:100%;width:auto;object-fit:contain}.socials img{height:100%;filter:brightness(0)}.copyright{color:#28221a;font-size:10px;font-weight:500}.return-home{position:absolute;top:-25px;width:48px;height:52px;padding:10px;box-sizing:border-box;margin-right:auto;margin-left:auto;left:0;right:0;text-align:center;background-color:#9e7e2a;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.return-home:hover{cursor:pointer;animation-name:bounce;-moz-animation-name:bounce}.return-home svg{width:100%;height:100%;object-fit:contain}.return-home img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.blog-nav{position:fixed;top:0;left:0;right:0;height:6rem;display:flex;align-items:center;justify-content:flex-end;padding:0 3rem;z-index:9999;background-color:rgba(229,221,208,.9);border-bottom:1px solid #c8bca4;box-shadow:0 4px 4px rgba(40,34,26,.08)}.blog-nav__toggle{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;cursor:pointer;background:rgba(0,0,0,0);border:none;outline:none;padding:0}.blog-nav__toggle img{width:2.4rem;height:2.4rem;filter:brightness(0);transition:opacity .2s}.blog-nav__toggle:hover img{opacity:.7}.blog-nav-overlay{position:fixed;inset:0;z-index:99999;background-color:rgba(240,235,224,.97);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease}.blog-nav-overlay--open{opacity:1;pointer-events:all}.blog-nav-overlay__close{position:absolute;top:2rem;right:3rem;font-size:3rem;color:rgba(40,34,26,.5);cursor:pointer;background:none;border:none;line-height:1;transition:color .2s}.blog-nav-overlay__close:hover{color:#28221a}.blog-nav-overlay__links{display:flex;flex-direction:column;align-items:center;gap:3.5rem;list-style:none}.blog-nav-overlay__link{font-size:3.2rem;font-weight:500;letter-spacing:1px;color:rgba(40,34,26,.7);transition:color .2s}.blog-nav-overlay__link:hover,.blog-nav-overlay__link--active{color:#9e7e2a}.blog-listing{max-width:72rem;margin:0 auto;padding:10rem 2rem 8rem}.blog-listing__header{margin-bottom:5rem}.blog-listing__title{font-family:"Canela",Georgia,serif;font-size:5rem;font-weight:700;color:#28221a;margin-bottom:1rem}.blog-listing__description{font-size:1.6rem;color:rgba(40,34,26,.6);line-height:1.6}.blog-listing__posts{display:flex;flex-direction:column;gap:4rem}.post-card{display:block;padding:3rem;border-radius:4px;background-color:rgba(229,221,208,.6);border:1px solid rgba(40,34,26,.08);transition:border-color .2s,background-color .2s}.post-card:hover{border-color:rgba(158,126,42,.4);background-color:rgba(229,221,208,.9)}.post-card__date{font-size:1.3rem;color:rgba(40,34,26,.45);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.post-card__title{font-family:"Canela",Georgia,serif;font-size:2.8rem;font-weight:700;color:#28221a;margin-bottom:1rem;line-height:1.3}.post-card__description{font-size:1.5rem;color:rgba(40,34,26,.65);line-height:1.6;margin-bottom:1.5rem}.post-card__tags{display:flex;gap:.8rem;flex-wrap:wrap}.post-card__tag{font-size:1.2rem;padding:.3rem .8rem;border-radius:3px;background-color:rgba(158,126,42,.12);color:#9e7e2a}.blog-post{max-width:72rem;margin:0 auto;padding:10rem 2rem 8rem}.blog-post__header{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid rgba(40,34,26,.1)}.blog-post__back{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;color:#9e7e2a;margin-bottom:2.5rem;transition:opacity .2s}.blog-post__back:hover{opacity:.75}.blog-post__title{font-family:"Canela",Georgia,serif;font-size:4.5rem;font-weight:700;color:#28221a;line-height:1.2;margin-bottom:1.5rem}@media(max-width: 700px){.blog-post__title{font-size:3.4rem}}.blog-post__meta{display:flex;align-items:center;gap:1.5rem;font-size:1.3rem;color:rgba(40,34,26,.5)}.blog-post__date{text-transform:uppercase;letter-spacing:1px}.blog-post__reading-time::before{content:"·";margin-right:1.5rem}.blog-post__tags{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}.blog-post__tag{font-size:1.2rem;padding:.3rem .8rem;border-radius:3px;background-color:rgba(158,126,42,.12);color:#9e7e2a}.blog-content{font-size:1.7rem;line-height:1.8;color:rgba(40,34,26,.88)}.blog-content h2{font-family:"Canela",Georgia,serif;font-size:3rem;font-weight:700;color:#28221a;margin-top:4rem;margin-bottom:1.5rem}.blog-content h3{font-family:"Canela",Georgia,serif;font-size:2.4rem;font-weight:700;color:#28221a;margin-top:3rem;margin-bottom:1rem}.blog-content h4{font-size:1.9rem;font-weight:600;color:#28221a;margin-top:2.5rem;margin-bottom:.8rem}.blog-content p{margin-bottom:1.8rem}.blog-content a{color:#9e7e2a;text-decoration:underline;text-decoration-color:rgba(158,126,42,.3);text-underline-offset:2px;transition:text-decoration-color .2s}.blog-content a:hover{text-decoration-color:#9e7e2a}.blog-content ul,.blog-content ol{margin-bottom:1.8rem;padding-left:2.5rem}.blog-content ul{list-style:disc}.blog-content ol{list-style:decimal}.blog-content li{list-style:inherit;margin-bottom:.6rem}.blog-content blockquote{border-left:3px solid #9e7e2a;padding:1rem 2rem;margin:2rem 0;background-color:rgba(229,221,208,.5);border-radius:0 4px 4px 0;color:rgba(40,34,26,.75);font-style:italic}.blog-content code{font-family:"SF Mono","Fira Code","Fira Mono",Menlo,monospace;font-size:.9em;padding:.2rem .5rem;border-radius:3px;background-color:rgba(229,221,208,.8)}.blog-content pre{margin:2rem 0;border-radius:6px;overflow-x:auto;background-color:rgba(229,221,208,.85) !important;border:1px solid rgba(40,34,26,.12)}.blog-content pre code{display:block;padding:1.8rem 2rem;background:none;font-size:1.4rem;line-height:1.6}.blog-content img{max-width:100%;height:auto;border-radius:6px;margin:2rem 0}.blog-content hr{border:none;border-top:1px solid rgba(40,34,26,.1);margin:3rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:1.5rem}.blog-content table th,.blog-content table td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid rgba(40,34,26,.1)}.blog-content table th{font-weight:600;color:#28221a}.header-anchor{color:rgba(158,126,42,.4);text-decoration:none;margin-left:.5rem;font-weight:400;opacity:0;transition:opacity .2s}h2:hover .header-anchor,h3:hover .header-anchor,h4:hover .header-anchor{opacity:1}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:#9e7e2a;z-index:999999999999;transition:width 50ms linear}