*, *::before, *::after { box-sizing: border-box; } img { display: block; max-width: 100%; } menu:not(article menu), ol:not(article ol), ul:not(article ul) { list-style: none; } menu, ol, ul { padding-left: 0; } article ol, article ul { list-style-position: inside; } a { /* Places underlines below the descenders */ text-underline-position: under; /* Sets the thickness as a percentage of the font size */ text-decoration-thickness: 8; } /* = the root */ html { font-size: 62.5%; /* (62.5/100) * 16px = 10px */ -webkit-text-size-adjust: none; /* for iOS Safari */ text-size-adjust: none; /* for other mobile browsers */ } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } label, button, select, summary, [type=radio], [type=submit], [type=checkbox] { cursor: pointer; }