* { padding: 0; margin: 0; box-sizing: border-box; }
html {
  height:100%;
  padding:env(safe-area-inset); /* for iphone notch */
  -webkit-text-size-adjust:100%; /* Prevent font scaling in landscape while allowing user zoom */
  background:#f1f0e9; /* fallback 1 */
  background-image:radial-gradient(#f1f0e9, #aceeb3);  /* fallback 2 */
  background-image: url("dust.png"),radial-gradient(#f1f0e9, #aceeb3);
  background-size:cover; 
}
@font-face {
  font-family: punktype;
  src: url(Punktype.ttf);
}
@font-face {
  font-family: blink;
  src: url(blink.ttf);
}
body {
  background-color: #c7fcd6;
  margin: 0 auto;
  max-width: 90ch; 
  padding: 2.5em; 
  font-size: 1.1em;
  line-height: 1.6;
  font-family: times, sans-serif;
}
h1, h2, h3 {
  font-family: blink, serif;
}

h1 {
  color: #a369ef; 
  font-size: 3em;
}

h2 {
  color: #ef69ba;
  font-size: 2em;
}

h3 {
  color: #f4295f;
  font-size: 1.4em;
}

a {
  color: #A020F0;
}

p {
  color: #04000c;
  font-family: sans-serif;
  margin-bottom: 1em;
}

blockquote {
  border-left: 0.25rem solid darkseagreen;
  padding-left: 1rem;
}

code, pre {
  color: #ff1493;
}

ul, ol, li {
  color: #04000c;
  padding-bottom: 1em;
  font-size: 1.2em;
}

img {
  max-width: 90%;
}