* {
     box-sizing: border-box;
   }

   html {
     height: 100%;
     min-height: 100%;
     width: 100%;
     min-width: 100%;
     background-color: #fff0fb;
     font-family: "IBM Plex Mono", monospace;
   }

   body {
     height: 100%;
     min-height: 100%;
     width: 100%;
     min-width: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     margin: auto;
     margin-top: -3rem;
   }

   h1 {
     font-size: 2rem;
     margin: 0;
     padding: 0;
     text-align: center;
     color: #161614;
   }

   p {
     font-size: 1rem;
     margin: 0;
     padding: 0;
     text-align: center;
     margin: 1rem 0;
     max-width: 22rem;
     letter-spacing: 0.05rem;
     line-height: 1.5rem;
     color: hsl(303, 18%, 41%);
     font-weight: 300;
   }

   a {
     font-size: 0.8rem;
     background-color: #161614;
     color: #fff0fb;
     padding: 0.25rem 0.5rem 0.5rem 0.5rem;
     text-decoration: underline;
     text-underline-offset: 0.2rem;
   }