cool css snippets from https://mobile.twitter.com/justmarkup/status/974573989497593856

snippets.css

@media (prefers-reduced-motion: reduce) {  
  * {     
     animation: none !important;  
     transition: none !important;   
  } 
}

/* good line length */
p {
  max-width: 38em;
}

svg {
    fill: currentColor;
}

/* https://mobile.twitter.com/DavidKPiano/status/965704092545900544 */

.font-performance {
 font-display:optional;
}


/* cool starting point */
body {
    font-size: calc(0.8em + 1vw);
    line-height: calc(1.4em + 1vh);
    margin: 7.5vmin;
}