@font-face {
        font-family: "Inconsolata";
        src: url("Inconsolata.ttf") format("truetype");
        font-weight: 200 900;
        font-stretch: 75% 125%;
        font-style: normal;
      }
html {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        font: 16px/1 "Inconsolata", monospace;
        background: black;
      }
body {
        position: relative;
        display: grid;
        grid-template-columns: 176px 1fr 176px;
        align-items: start;
        gap: 2rem 1ch;
        width: calc(89ch + 176px);
        margin: 0 auto;
        color: greenyellow;
        overflow: hidden;
        background-color: rgb(36, 35, 35);
      }
ul {
    list-style-type: none;
}

#main {
          grid-column: 2;
          grid-row: 1;
          justify-self: center;
          width: 100%;
          padding: 0 1ch;
          border: 1px solid greenyellow;
          font-size: 1.9rem;
          background: black;
          overflow: hidden;
          filter: brightness(1.5);
        }

h1 {
        position: relative;
        z-index: 1;
        width: 21ch;
        height: 5lh;
        font-size: 1.5rem;
        text-align: center;
        color: greenyellow;
}
/* pls help my linter fucked up */
      aside {
        grid-column: 3;
        grid-row: 1;
        height: 40.4lh;
        width: 176px;
        padding-top: 1ch;
        text-align: right;
      }


      aside .links {
        flex-direction: column;
      }

      aside .links img:not(.my-buttons) {
        filter: grayscale(100%) brightness(0.5);
        transition: filter 0.5s ease;
      }

      aside .links .follow-them img:hover, aside .links .follow-them a:focus-visible img {
        filter: grayscale(0%) brightness(1);
      }

      footer {
        grid-column: 1 / -1;
        grid-row: 2;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 5lh;
        font-size: 0.75rem;
        text-align: right;
        color: black;
        transition: color 0.5s ease;
      }
a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }