html{overflow-x:hidden}:root{--main-bg:#F8F8FA;--layer1:#FFFFFF;--brand:#FF5900;--border:#E5E5E7;--text:#0b0b0b;--text-disc:rgba(0,0,0,0.5);--up:#4CAF50;--up-bg:#223228;--down:#DD425A;--down-bg:#382229}html.dark{--main-bg:#15161A;--layer1:#1B1C21;--brand:#FF5900;--border:#27282E;--text:#E8E8E9;--text-disc:rgba(255,255,255,0.5);--up:#4CAF50;--up-bg:#223228;--down:#DD425A;--down-bg:#382229}*{padding:0;margin:0}body{background-color:var(--main-bg);position:absolute;width:100dvw}h1,h2,h3{font-family:Gabarito,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;color:var(--text)}h2{margin-bottom:10px}a,p{font-family:Gabarito,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;text-decoration:none;color:#000;transition:color .2s ease-in-out;color:var(--text)}a:not(:has(*)):hover{color:var(--brand)}.credit{color:var(--text-disc)}.thumb{box-shadow:10px 10px 0 0 var(--brand);-webkit-box-shadow:10px 10px 0 0 var(--brand);-moz-box-shadow:10px 10px 0 0 var(--brand);height:256px;width:256px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.wrapper{width:1200px;margin:0 auto}header{height:80px;width:100%;margin:0 auto;background-color:var(--layer1);border-bottom:2px solid var(--border)}.wrapper-header{width:1200px;display:flex;justify-content:space-between;align-items:center;margin:0 auto;height:100%}nav{display:flex;gap:20px}#header-logo{height:50px}button{background-color:var(--brand);font-family:Gabarito,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;padding:10px 20px;border:none;margin-top:10px;transition:color .2s ease-in-out,font-weight .2s ease-in-out;cursor:pointer;color:white}button:hover{color:black;font-weight:600}.discrete{color:var(--text-disc)}