CodePen Default CSS Styling

codepen-default-css.css

*:where(:not(html, canvas, img, svg):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

*, *::before, *::after { box-sizing: border-box; }

img {
  max-inline-size: 100%;
  max-block-size: 100%;
  vertical-align: bottom;
}

svg {
  overflow: visible;
  vertical-align: bottom;
}

a, button { cursor: revert; }

html { 
  height : 100%; 
}

body { 
  display          : flex;
  min-height       : 100%;
  place-content    : center; 
  place-items      : center; 
  background-color : #060606;
  gap              : 1em;
  padding          : 2em 1em;
  font             : normal 400 clamp(1rem, 2vw, 1.1875rem)/1.6 "Open Sans", sans-serif;
  background : black repeating-linear-gradient(
    -45deg,
    rgba(#666B7A, 0.2),
    rgba(#666B7A, 0.2) 1px,
    rgba(#666B7A, 0.3) 1px,
    rgba(#666B7A, 0.3) 20px
   )
}