:root{--primary-font:"Inter",Helvetica,Arial,sans-serif;--secondary-font:"Instrument Serif",Georgia,serif;--black:#141415;--white:#F6F6F3;--inactive-color:#AAAAAA}html{scroll-behavior:smooth}body{font-family:var(--primary-font);color:var(--black);background:white;padding:20px 30px;font-size:16px;text-align:justify}body,h1,h2,h3,h4{margin:0}h1{font-family:var(--secondary-font);flex-basis:50%;font-size:180px;line-height:100%;font-weight:400;& a:hover{text-decoration:none!important}}h2{font-size:36px;font-weight:600}a,a:visited{color:var(--black);text-decoration:none;&.inactive{color:var(--inactive-color)}&:hover{text-decoration:underline}}main{opacity:0;animation:fadeInFromBottom .5s ease-out forwards}section{& p>a{text-decoration:none;color:var(--black);font-weight:700;position:relative;&:before{content:"";background-color:hsla(135,14%,70%,.75);position:absolute;left:0;bottom:2px;width:100%;height:4px;z-index:-1;transition:all .3s ease-in-out}&:hover:before{bottom:0;height:100%}}}span.highlighted{animation:highlight 1.5s 1.5s 1 normal forwards;background:linear-gradient(90deg,#ebe7e1 50%,rgba(255,255,255,0) 0);background-size:200% 100%;background-position:100% 0}@media screen and (max-width:1500px){h1{font-size:124px}}@media screen and (max-width:600px){h1{font-size:100px}}@keyframes highlight{to{background-position:0 0}}@keyframes fadeInFromBottom{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf)}@font-face{font-family:"Instrument Serif";src:url(/fonts/InstrumentSerif-Regular.ttf)}