:root{--font-title-xl:600 96px "Ubuntu";--font-title-l:600 64px "Ubuntu";--font-title-regular:500 32px "Ubuntu";--font-subtitle:600 32px "Ubuntu";--font-content-controls:300 20px/1.4 "Inter";--font-content-small:300 16px/1.4 "Inter";--color-brand:#f36;--color-brand-secondary:#2ec4b6;--color-text-titles:#fff;--color-text-regular:#f6f7f8;--color-text-faded:#cbd1d7;--color-background-0:#01080e;--color-background-1:#021627;--color-background-2:#0b2438;--size-0:4px;--size-1:8px;--size-2:16px;--size-3:32px;--size-4:64px;--size-5:96px;--page-horizontal-spacing:var(--size-5);--border-radius-button:8px;--border-radius-panels:16px}body{font:var(--font-content-controls);background:var(--color-background-0);color:var(--color-text-regular);flex-direction:column;margin:0;display:flex}header{padding:var(--size-2) var(--page-horizontal-spacing);justify-content:space-between;align-items:center;display:flex}#notice-bar{justify-content:center;align-items:center;gap:var(--size-1);padding:var(--size-1) var(--page-horizontal-spacing);border-bottom:1px solid var(--color-brand);display:flex}.test1{font:var(--font-titles-big)}a{color:var(--color-brand-secondary);text-decoration:none}p,h1,h2,h3{margin:0;padding:0}h1,h2,h3{font:var(--font-title-regular)}li,ul{margin:0;padding:0;list-style:none}a:hover{text-decoration:underline}.button{background:var(--color-brand);font:var(--font-content-controls);color:var(--color-text-regular);padding:0px var(--size-3);border-radius:var(--border-radius-button);cursor:pointer;border:1px solid #ffffff40;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 0 0 1px #0003,inset 0 0 0 1px #fff3}a.button:hover{text-decoration:none}.hero{justify-content:space-between;align-items:center;gap:var(--size-4);background-image:url(/combtris-tiles.png);background-color:var(--color-background-1);padding:var(--size-5) var(--page-horizontal-spacing);display:flex}.hero>img{max-width:840px;position:relative;box-shadow:0 0 0 1px #0003}.hero-title{gap:var(--size-3);flex-direction:column;display:flex}.hero-title>.texts{gap:var(--size-1);flex-direction:column;max-width:480px;display:flex}.hero-title>.buttons{gap:var(--size-2);display:flex}article.contact-and-team{padding:var(--size-5) var(--page-horizontal-spacing);background-image:url(/tiles.png);flex-direction:column;display:flex}article.contact-and-team>header{justify-content:center;gap:var(--size-1);text-align:center;flex-direction:column;display:flex}article.contact-and-team>section.people-cards{justify-content:center;align-items:center;gap:var(--size-5);flex-wrap:wrap;display:flex}article.contact-and-team>section.people-cards>article{align-items:center;gap:var(--size-2);padding:var(--size-3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius-panels);border:1px solid #fff3;flex-direction:column;display:flex;box-shadow:0 0 0 1px #0003}article.contact-and-team>section.people-cards>article>.role-name{color:var(--color-brand)}.profile-image{width:200px;aspect-ratio:square;border-radius:100%}footer{gap:var(--size-2);padding:var(--size-3) var(--page-horizontal-spacing);background-color:var(--background-level-1);border-top:1px solid var(--color-brand);flex-direction:column;display:flex}.footer-columns{gap:var(--size-5);display:flex}.footer-columns .column{gap:var(--size-2);flex-direction:column;display:flex}ul.link-list{gap:var(--size-0);color:var(--color-brand-secondary);flex-direction:column;display:flex}ul.link-list>a{font:var(--font-content-tiny)}.hspacer-8px{align-items:center;gap:var(--size-1);display:flex}#header-logo-image{height:64px}#header-logo{gap:var(--size-1);align-items:center;display:flex}#footer-phrase{font:var(--font-content-tiny);text-align:center;color:var(--color-brand);opacity:.2}#footer-copyright{font-family:var(--font-content-tiny);text-align:center}@media screen and (width<=1550px){.hero>img{max-width:600px}}@media screen and (width<=1300px){.hero>img{max-width:450px}}@media screen and (width<=1070px){:root{--page-horizontal-spacing:var(--size-4)}.button{padding:0px var(--size-2);font:var(--font-content-small)!important}#notice-bar{font:var(--font-content-small)!important}}@media screen and (width<=958px){:root{--page-horizontal-spacing:var(--size-2)}.hero{flex-direction:column}.hero>img{max-width:100%}.hero-title>.texts{max-width:none}}
