:root *{scroll-behavior:smooth;box-sizing:border-box}html,body,p,h1,h2,h3,h4,h5{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Inter,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.5;--bosque: #1D6035;--esperanza: #499D6B;--lavanda: #C5B3DC;--fuego: #FF7133;--arena: #FBE7BC;--tierra: #6e2d18;--violeta: #6a3774;--min-width: min( calc(100vw - 2rem) , 780px);color-scheme:light dark;background:light-dark(var(--arena),hsl(141,30%,3%));color:light-dark(var(--bosque),hsl(41,40%,70%));font-weight:300;overflow-x:hidden;overflow-y:scroll}h1,article{padding:1rem;max-width:min(80vw,800px);margin-inline:auto}h1,h2,h3,h4,h5,.title{text-transform:uppercase;font-family:acumin-pro-condensed,Roboto Condensed,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;margin-block:1rem .5rem}p{margin-block:.5rem 1rem}p.emphasis{font-size:larger;text-align:center;padding:1rem;background:var(--esperanza);color:var(--arena)}p.emphasis a{color:var(--arena)}p.emphasis a:hover{color:#fff}h2{width:fit-content;background:linear-gradient(to right,var(--bosque),var(--esperanza));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h3,h4,h5{color:var(--esperanza)}a{color:var(--tierra)}a:hover{color:#000}strong{font-weight:600}svg{vertical-align:-5px}svg path{fill:currentColor}article{min-height:50vh;place-content:center;max-width:var(--min-width);margin-inline:auto;padding:40px;animation-timeline:view();animation-range:entry 100px}article:first-of-type{animation:none;opacity:1;scale:1}article:last-of-type{margin-bottom:100px}article:nth-child(odd){position:relative;--bg: light-dark(white, #05150b)}article:nth-child(odd):before{content:"";position:absolute;background:var(--bg);width:100vw;height:100%;right:50%;translate:50vw;z-index:-1;top:0;opacity:0;animation:fade linear forwards;animation-timeline:view();animation-range:5vh 60vh}@keyframes enter{0%{scale:.5;opacity:0}}@keyframes fade{to{scale:1;opacity:1}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}@keyframes fadeInOut{0%,to,10%{opacity:0;pointer-events:none}15%,90%{opacity:1;pointer-events:all}}