*, ::before, ::after { box-sizing: border-box; } :root{ scroll-behavior: smooth; color-scheme: light only !important; } html{ overflow-x: hidden; height: 100%; font-size: 62.5%; line-height: 1.15; /* Correct the line height in all browsers */ -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */ -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; -moz-tab-size: 4; tab-size: 4; scroll-padding-top: 7.5rem; /* Adjust scroll position for fixed header */ } /* * Don't use overflow: auto; in * Yes it will prevent scrolling when modal open * But it will prevent to print correctly a page */ body{ height: 100%; margin: 0; padding: 0; background-color: var(--blue-grey); color: var(--black-blue); font-family: var(--font-main); font-size: 1.8rem; font-weight: 400; line-height: 1.7; word-spacing: 0.05em; text-align: justify; }