*{box-sizing:border-box}html,body{overflow-x:hidden}:root{--header-height: clamp(3rem, 6vw, 4rem);--base-text-size: clamp(1rem, 2vw, 2rem);--base-font-size: clamp(1rem, 2vw, 1.15rem);--font-size-h1: clamp(1.75rem, 5vw, 4rem);--container-width: clamp(20rem, 100vw, 110rem);--common-border: 10px solid pink}.base-paragraph{font-size:3.8cqi}.base-paragraph.gt-small{font-size:3.2cqi}.base-paragraph.gt-medium{font-size:2.6cqi}.base-paragraph.gt-large{font-size:2.2cqi}.base-paragraph.gt-xl{font-size:1.7cqi}.base-paragraph.gt-xxl{font-size:1.5cqi}.base-paragraph.gt-xxxl{font-size:1.2cqi}.base-paragraph.gt-xxxxl{font-size:1cqi}body{font-family:azo-sans-web,sans-serif;font-weight:400;font-style:normal;margin:0;padding:0;background-color:#f5f5f5;color:#333;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:12px}::-webkit-scrollbar-track{background:red;background-color:#38ff00;border-radius:10px}::-webkit-scrollbar-thumb{background:red;background-color:#38ff0080;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:red;background-color:#38ff0080}html{scrollbar-color:#38FF00 #005f73;scrollbar-width:thin}:root.portrait{--section-height: 100vh}:root.landscape{--section-height: 100vh}:root.portrait,:root.x-portrait,:root.xx-portrait,:root.xxx-portrait{--section-height-thirds-9-16-height: calc(33.33vw * calc(16 / 9));--thirds-square-height: 33vw}:root.portrait.xxxxl,:root.portrait.xxxl{--thirds-9-16-height: calc(33.33vw * calc(16 / 9));--thirds-square-height: 33vw}.container{display:grid;container-type:block-size;grid-template-columns:100vw;grid-template-rows:var(--header-height) 1fr auto;grid-template-areas:"header" "content" "footer";min-height:100vh;width:100vw;background-color:#f5f5f5;align-items:flex-start;justify-content:flex-start}