:root{--color-red:hsl(12,75%,47%);--color-yellow:hsl(45,100%,51%);--color-orange:hsl(28,100%,50%);--color-green:hsl(124,41%,45%);--color-blue:hsl(211,100%,50%);--color-grey:hsl(0,0%,40%);--bg-light:hsl(0,0%,100%);--bg:hsl(0,0%,95%);--bg-dark:hsl(0,0%,90%);--bg-darker:hsl(0,0%,85%);--bg-field:hsl(0,0%,98%);--text:hsl(0,0%,20%);--text-alt:hsl(0,0%,80%);--text-muted:hsl(0,0%,35%);--text-placeholder:hsl(0,0%,45%);--border:hsl(0,0%,85%);--border-highlight:hsl(0,0%,60%);--highlight:hsl(0,0%,100%);--shadow-light:hsl(0,0%,50%);--shadow-medium:hsl(0,0%,30%);--shadow-dark:hsl(0,0%,20%);--shadow-outer:0 2px 4px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.06);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.2),inset 0 1px 2px rgba(0,0,0,0.15),inset 0 -1px 2px rgba(255,255,255,0.1);--global-max-width:1322px;--border-radius:10px}:root.dark{--bg-light:hsl(0,0%,30%);--bg:hsl(0,0%,20%);--bg-dark:hsl(0,0%,10%);--bg-darker:hsl(0,0%,5%);--bg-field:hsl(0,0%,22%);--text:hsl(0,0%,80%);--text-alt:hsl(0,0%,5%);--text-muted:hsl(0,0%,65%);--text-placeholder:hsl(0,0%,60%);--border:hsl(0,0%,15%);--border-highlight:hsl(0,0%,40%);--highlight:hsl(0,0%,10%);--shadow-light:hsl(0,0%,20%);--shadow-medium:hsl(0,0%,30%);--shadow-dark:hsl(0,0%,20%);--shadow-outer:0 2px 4px rgba(0,0,0,0.4),0 4px 8px rgba(0,0,0,0.3),0 8px 16px rgba(0,0,0,0.2);--shadow-inner:inset 0 2px 4px rgba(0,0,0,0.5),inset 0 1px 2px rgba(0,0,0,0.4),inset 0 -1px 2px rgba(255,255,255,0.05)}body{margin:0;background-color:var(--bg-light);color:var(--text);font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease}body *,body :after,body :before{box-sizing:border-box;line-height:1.5}body a{color:var(--color-red);text-decoration:none;font-weight:600}body a:hover{color:rgb(165.375,51.975,23.625);text-decoration:underline}body .global-container{max-width:var(--global-max-width);margin:0 auto;width:100%}body.no-scroll{overflow:hidden}@media(min-width:801px){body.no-scroll{overflow:auto}}