<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  min-height: 100vh;
  display: grid;
  place-items: center;
  font-family: "Nunito", system-ui, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 1.5rem;
  color: #3c3852;
}

p {
  max-width: 36ch;
}

.dropcap {
  float: left;
  font-size: 2em;
  line-height: 1;
  padding: 0.5em;
  margin-top: 0.15em;
  margin-right: 0.3em;
  background: #7257fa;
  color: #fff;
  border-radius: 0.375rem;
  font-weight: 700;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}</pre></body></html>