Paper style css

paper.css

/* https://edent.gitlab.io/paper-prototype-css/ */

@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/reeniebeanie/v16/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Handwritten;
  src: url(ArchitectsDaughter-Regular.ttf);
}
@font-face {
  font-family: Mono;
  src: url(Jackwrite.woff2);
}
pre, code {
   font-family: Mono !important;
   font-size:1.25rem !important;;
}
html, body {
   max-width: 100% !important;
   overflow: auto;
}
body {
   min-height: calc((1vw + 1vh) * 75);
   box-shadow: 0 0 0 black, 0 0 6em #d9d0bf inset;
   background: #e5e4e2;
   margin: 0;
   padding: 2em;
}

*:not(html):not(body) {
   font-family: 'Reenie Beanie', normal;
   font-size: 1.85rem;
	background: #e5e4e2d8;
	padding: 0.5rem 0.5rem;
	margin: .5rem .25rem .25rem;
	color: #41403E;
	outline: none;
	box-shadow: 1em 1.5em 1.5em -1em rgba(0, 0, 0, 0.125);
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	box-sizing: border-box;
	border: solid 0.1em #4140342E;
   width:fit-content;
   max-width: 99%;
   overflow: hidden;
}

/* Media */
img, video, iframe {
   padding: 0 !important;
   margin: 0 !important;
}

::cue {
  color: #d9e365;
  background-color: rgba(0, 0, 0, 0.7);
  font-family: "Mono";
  font-size: 2rem;
}


/* Rotations */

*:nth-child(odd):not(body):not(html){
 transform: rotate(1deg);
}
*:nth-child(even):not(body):not(html) {
   transform: rotate(-1.5deg);
}

hr {
   width: 50% !important;
   padding: 0 !important;
   margin-left: auto !important;
   margin-right: auto !important;
   border: dotted gray .1rem !important;
}

h1 {
   font-size: 2.5rem !important;
}
h2 {
   font-size: 2rem !important;
}
h3 {
   font-size: 1.75rem !important;
}
h4 {
   font-size: 1.5rem !important;
}
h5 {
   font-size: 1.25rem !important;
}
h6 {
   font-size: 1.15rem !important;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
   box-shadow: #8080803d .5rem .5em !important;
}

ol {
   list-style-type: lower-roman;
   list-style-position: inside;
}
ul {
   list-style-type: square;
   list-style-position: inside;
}
select {
   overflow: auto !important;
}