footer p {
    text-align: center;
  }

  p, .grid ul * {
    font-size: 17.6px;
  }

  h2 {
    padding-top: 10px;
  }

  .more-link {
    text-align: right;
  }

  nav svg {
    display: inline-block;
    width: auto;
    height: 1.8rem;
    transform: translateY(-.0625rem);
  }

  nav {
    display: block;
    font-size: 21px;
    
  }

  nav ul:nth-of-type(2) {
        margin-top: -25px;
  }

  nav ul {
    display: block;
    text-align: center;
  }

  #about-me article {
    margin-bottom: var(--pico-block-spacing-vertical);
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  #about-me>h2 {
    display: none;
  }

  @media (min-width: 576px) {
      nav, nav ul {
        display: flex;
      }

      nav ul:nth-of-type(1) {
        margin-top: 0;
      }

      nav svg {
        height: 1.125rem;
        transform: translateY(-.0625rem);
      }
    }

  @media (min-width: 768px) {
    .grid {
      grid-template-columns: 1fr 1fr;
    }

    #about-me div {
      grid-template-columns: 2fr 1fr 1fr;
    }

    article {
      position: relative;
    }

    article>p:nth-of-type(2) {
      position: absolute;
      bottom: 20px;
      right: 20px;
    }

    #projects p:nth-of-type(1) {
      padding-bottom: 45px;
    }
  }

  @media (min-width: 1024px) {
    .grid {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  @media (min-width: 1536px) {
    .container {
      max-width: 1200px;
    }
  }

  svg.icon-theme-toggle {
    --theme-toggle-duration: .4s
  }

  svg.icon-theme-toggle :first-child path {
      transition-duration: calc(var(--theme-toggle-duration) * .6);
      transition-property: transform,d;
      transition-timing-function: cubic-bezier(0,0,.5,1)
  }

  svg.icon-theme-toggle g circle,svg.icon-theme-toggle g path {
      transform-origin: center;
      transition: transform calc(var(--theme-toggle-duration) * .65) cubic-bezier(0,0,0,1.25) calc(var(--theme-toggle-duration) * .35)
  }

  svg.icon-theme-toggle.moon g circle {
      transform: scale(1.4);
      transition-delay: 0s
  }

  svg.icon-theme-toggle.moon g path {
      transform: scale(.75);
      transition-delay: 0s
  }

  svg.icon-theme-toggle.moon :first-child path {
      d: path("M-9 3h25a1 1 0 0017 13v30H0Z");
      transition-delay: calc(var(--theme-toggle-duration) * .4);
      transition-timing-function: cubic-bezier(0,0,0,1.25)
  }

  @supports not (d:path("")) {
    svg.icon-theme-toggle.moon :first-child path {
      transform: translate3d(-9px,14px,0)
    }
  }