h1{background-color:#0f0;color:#000}.viewport-full{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;margin:0;background-color:"#00ff00"}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch}@supports (padding: max(0px)){:root{--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left)}}@supports not (padding: max(0px)){:root{--safe-area-inset-top: 0px;--safe-area-inset-right: 0px;--safe-area-inset-bottom: 0px;--safe-area-inset-left: 0px}}body{position:fixed;width:100%;height:100%}*{transition:padding .2s ease-out,margin .2s ease-out}