:root{--ts-15: .15s;--clr-text: #fff;--clr-primary: #000;--clr-border: #ccc;--br: .5rem;--fs: 1.6rem;--lh: 1.4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-size:var(--fs);line-height:var(--lh);color:var(--clr-text);transition:all var(--ts-15) ease}html{font-size:10px;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column}.container{width:90%;max-width:1200px;margin:0 auto;padding:1rem}h1,h2,h3{font-size:2rem;font-weight:700;margin-top:.5em;margin-bottom:.5em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background-color:var(--clr-primary);color:var(--clr-text);padding:.5rem 1rem;border-radius:var(--br)}button:hover{opacity:.8}img{display:block;width:100%;height:auto}.d-flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.d-grid{display:grid}.p-1{padding:1rem}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.card{border:1px solid var(--clr-border);border-radius:var(--br);padding:1rem;background-color:#fff}.fade-in{opacity:0;animation:fade-in .5s forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--clr-border);border-radius:var(--br);background-color:#f9f9f9}label{display:block;margin-bottom:.25rem}nav ul{list-style:none;display:flex}nav ul li{margin-right:1rem}strong{font-weight:700}em{font-style:italic}.scroll-animate{opacity:0;transform:translateY(1rem);transition:opacity .5s ease,transform .5s ease}.scroll-animate.in{opacity:1;transform:translateY(0)}