*{margin:0;padding:0;box-sizing:border-box}:root{--size-unit: 16;--size-container-ideal: 1920;--size-container-min: 992px;--size-container-max: 1920px;--size-container: clamp( var(--size-container-min), 100vw, var(--size-container-max) );--size-font: calc( var(--size-container) / (var(--size-container-ideal) / var(--size-unit)) )}@media screen and (max-width:991px){:root{--size-container-ideal: 834;--size-container-min: 768px;--size-container-max: 991px}}@media screen and (max-width:767px){:root{--size-container-ideal: 390;--size-container-min: 480px;--size-container-max: 767px}}@media screen and (max-width:479px){:root{--size-container-ideal: 390;--size-container-min: 320px;--size-container-max: 479px}}body{font-size:var(--size-font);text-rendering:antialiased;background-color:#00f;min-height:200vh}h1{font-size:10em}nav{background-color:red;z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}