*{margin:0;padding:0;box-sizing:border-box}:root{--default-font: Roboto, sans-serif;--base-color-start: hsl(0, 0%, 97%);--base-color-light: hsl(0, 0%, 88%);--base-color-mediumlight: hsl(0, 0%, 72.55%);--base-color-medium: hsl(0, 0%, 48.24%);--base-color-mediumdark: hsl(0, 0%, 36%);--base-color-dark: hsl(0, 0%, 24.31%);--base-color-end: hsl(0, 0%, 0%);--accent-color: var(--accent-color-4);--accent-color-1: hsl(0, 100%, 47.5%);--accent-color-2: hsl(214.58, 74.68%, 60.5%);--accent-color-3: hsl(126.67, 12.64%, 65.47%);--accent-color-4: hsl(37.3, 100%, 63%);--accent-color-5: hsl(25.5, 57.14%, 65%);--bg-color: var(--base-color-start);--text-color: var(--base-color-end);--text-inactive-color: var(--base-color-medium);--input-border-color: var(--base-color-mediumlight);--input-border-focus-color: var(--base-color-end)}body{overflow:hidden}body main{padding:.5em 1em 1em;height:100vh;overflow:hidden;font-family:var(--default-font);font-weight:400;font-style:normal;color:var(--text-color);background-color:var(--bg-color)}@media not ((hover: hover) and (pointer: fine) and (orientation: landscape)){body{overflow:scroll}body main{height:auto;overflow:scroll;padding:.5em .5em 1em}}header,footer{background-color:#ff0}p{display:inline-block}h1{font-size:2rem;text-align:left;text-transform:capitalize}