@import url("https://rsms.me/inter/inter.css");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap");
html {
  font-size: 18px;
}

body {
  font-family: "Inter", sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-hyphens: auto;
          hyphens: auto;
}
body * {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", serif;
  margin: 2rem 0;
}

h1 {
  font-size: 2.48832rem;
  line-height: 1.4;
}

h2 {
  font-size: 2.0736rem;
  line-height: 1.4;
}

h3 {
  font-size: 1.728rem;
  line-height: 1.4;
}

h4 {
  font-size: 1.44rem;
  line-height: 1.4;
}

h5 {
  font-size: 1.2rem;
  line-height: 1.4;
}

h6 {
  font-size: 1rem;
  line-height: 1.4;
}

#container {
  max-width: 1024px;
  margin: 0 auto;
  text-rendering: optimizeLegibility;
  display: grid;
  grid-template-rows: 1fr -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content 1fr;
  grid-template-rows: 1fr min-content min-content min-content min-content 1fr;
  grid-template-columns: 1fr 5fr 1fr 4fr 1fr;
}
#container .heading {
  font-family: "Playfair Display", serif;
  display: flex;
  align-content: stretch;
  align-items: flex-end;
}
#container .content p, #container .content ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

nav {
  grid-row: 1;
  grid-column: 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0;
  font-size: 0.8333333333rem;
}

#hello {
  grid-row: 2;
  grid-column: 2;
}

#introduction {
  grid-row: 3;
  grid-column: 2;
}

#trinkets {
  grid-row: 4;
  grid-column: 2;
}

#things-i-made {
  grid-row: 5;
  grid-column: 2;
}

#contact {
  grid-row: 2;
  grid-column: 4;
}

#how-to-reach-me {
  grid-row: 3/span 3;
  grid-column: 4;
}
#how-to-reach-me address {
  font-style: normal;
}

footer {
  grid-row: 6;
  grid-column: 1/span 5;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem 0;
  font-size: 0.8333333333rem;
  text-align: center;
}

@media (max-width: 425px) {
  html {
    font-size: 16px;
  }
  #container {
    grid-template-rows: repeat(8, -webkit-min-content);
    grid-template-rows: repeat(8, min-content);
    grid-template-columns: 1fr 14fr 1fr;
  }
  nav, #hello, #introduction,
  #trinkets, #things-i-made,
  #contact, #how-to-reach-me, footer {
    grid-column: 2;
  }
  #contact {
    grid-row: 6;
  }
  #how-to-reach-me {
    grid-row: 7;
  }
  footer {
    grid-row: 8;
  }
}
@media (color-index: 70) {
  body {
    background-color: white;
    color: #111;
  }
  a, a:link, a:hover, a:visited {
    color: #BB2649;
  }
}
@media (color: 70318723) {
  body {
    background-color: white;
    color: #111;
  }
  a, a:link, a:hover, a:visited {
    color: #BB2649;
  }
}
@media (prefers-color-scheme: light) {
  body {
    background-color: white;
    color: #111;
  }
  a, a:link, a:hover, a:visited {
    color: #BB2649;
  }
}
@media (color-index: 48) {
  body {
    background-color: #111;
    color: white;
  }
  a, a:link, a:hover, a:visited {
    color: #C7284D;
  }
}
@media (color: 48842621) {
  body {
    background-color: #111;
    color: white;
  }
  a, a:link, a:hover, a:visited {
    color: #C7284D;
  }
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #111;
    color: white;
  }
  a, a:link, a:hover, a:visited {
    color: #C7284D;
  }
}
@supports (font-variation-settings: normal) {
  body {
    font-family: "Inter var", sans-serif;
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlLnNjc3MiLCJzdHlsZS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRVEsOENBQUE7QUFDQSxxRkFBQTtBQW9CUjtFQUFPLGVBQUE7QUNuQlA7O0FEcUJBO0VBQ0ksZ0NBQUE7RUFDQSxrQ0FBQTtFQVJBLGVBYlE7RUFjUixnQkFBQTtFQVVBLHFCQUFBO1VBQUEsYUFBQTtBQ2xCSjtBRG9CSTtFQUNILFNBQUE7QUNsQkQ7O0FEc0JBO0VBQ0ksc0NBQUE7RUFDQSxjQUFBO0FDbkJKOztBRHNCQTtFQXZCSSxxQkFQRTtFQVFGLGdCQUFBO0FDS0o7O0FEa0JBO0VBeEJJLG9CQVJFO0VBU0YsZ0JBQUE7QUNVSjs7QURjQTtFQXpCSSxtQkFURTtFQVVGLGdCQUFBO0FDZUo7O0FEVUE7RUExQkksa0JBVkU7RUFXRixnQkFBQTtBQ29CSjs7QURNQTtFQTNCSSxpQkFYRTtFQVlGLGdCQUFBO0FDeUJKOztBREVBO0VBNUJJLGVBYlE7RUFjUixnQkFBQTtBQzhCSjs7QUREQTtFQUNJLGlCQUFBO0VBQ0EsY0FBQTtFQUVBLGtDQUFBO0VBRUEsYUFBQTtFQUNBLDJHQUFBO0VBQUEsMkVBQUE7RUFDQSwwQ0FBQTtBQ0VKO0FEQUk7RUFDSCxzQ0FBQTtFQUVBLGFBQUE7RUFDQSxzQkFBQTtFQUNBLHFCQUFBO0FDQ0Q7QURHQztFQUNJLGFBQUE7RUFDQSxtQkFoRU87QUMrRFo7O0FETUE7RUFDSSxXQUFBO0VBQ0EsY0FBQTtFQUVBLGFBQUE7RUFDQSw4QkFBQTtFQUNBLG1CQUFBO0VBRUEsY0FBQTtFQUVBLDBCQXhFUztBQ2tFYjs7QURTQTtFQUNJLFdBQUE7RUFDQSxjQUFBO0FDTko7O0FEU0E7RUFDSSxXQUFBO0VBQ0EsY0FBQTtBQ05KOztBRFNBO0VBQ0ksV0FBQTtFQUNBLGNBQUE7QUNOSjs7QURTQTtFQUNJLFdBQUE7RUFDQSxjQUFBO0FDTko7O0FEU0E7RUFDSSxXQUFBO0VBQ0EsY0FBQTtBQ05KOztBRFNBO0VBQ0ksa0JBQUE7RUFDQSxjQUFBO0FDTko7QURRSTtFQUFVLGtCQUFBO0FDTGQ7O0FEUUE7RUFDSSxXQUFBO0VBQ0EscUJBQUE7RUFFQSxhQUFBO0VBQ0EsdUJBQUE7RUFDQSxtQkFBQTtFQUVBLGNBQUE7RUFFQSwwQkFySFM7RUFzSFQsa0JBQUE7QUNSSjs7QURXQTtFQUNJO0lBQ0gsZUFBQTtFQ1JDO0VEV0U7SUFDSCxrREFBQTtJQUFBLDBDQUFBO0lBQ0EsbUNBQUE7RUNUQztFRFlFOzs7SUFHSCxjQUFBO0VDVkM7RURhRTtJQUFXLFdBQUE7RUNWYjtFRFdFO0lBQW1CLFdBQUE7RUNSckI7RURTRTtJQUFTLFdBQUE7RUNOWDtBQUNGO0FEUUE7RUFDSTtJQUNILHVCQUFBO0lBQ0EsV0FBQTtFQ05DO0VEU0U7SUFBZ0MsY0FsSnJCO0VDNEliO0FBQ0Y7QUREQTtFQUNJO0lBQ0gsdUJBQUE7SUFDQSxXQUFBO0VDTkM7RURTRTtJQUFnQyxjQWxKckI7RUM0SWI7QUFDRjtBRERBO0VBQ0k7SUFDSCx1QkFBQTtJQUNBLFdBQUE7RUNOQztFRFNFO0lBQWdDLGNBbEpyQjtFQzRJYjtBQUNGO0FEUUE7RUFDSTtJQUNILHNCQUFBO0lBQ0EsWUFBQTtFQ05DO0VEU0U7SUFBZ0MsY0ExSmI7RUNvSnJCO0FBQ0Y7QUREQTtFQUNJO0lBQ0gsc0JBQUE7SUFDQSxZQUFBO0VDTkM7RURTRTtJQUFnQyxjQTFKYjtFQ29KckI7QUFDRjtBRERBO0VBQ0k7SUFDSCxzQkFBQTtJQUNBLFlBQUE7RUNOQztFRFNFO0lBQWdDLGNBMUpiO0VDb0pyQjtBQUNGO0FEUUE7RUFDSTtJQUFPLG9DQUFBO0VDTFQ7QUFDRiIsImZpbGUiOiJzdHlsZS5uZXh0LmNzcyJ9 */