* {
    padding: 0;
    margin: 0;
    background: #eeeeee;
  }

  body {
    position: absolute;
    z-index: 3;
    margin: 25px;
    width: 100vw;
    height: 80vh;
    display: grid;
    grid-template-columns: auto auto auto;
    overflow-y: hidden;
  }

  a {
    color: #eb6262;;
    text-decoration: none;
  }

  a:hover {
    background: #ffb6c142;
    border-radius: 19px;
    padding: 3px;
    transform: scale(1.5);
    text-decoration: underline;
    text-decoration-style: wavy;
    text-decoration-thickness: 5%;
  }

  a:visited {
    text-decoration: underline;
    text-decoration-style: wavy;
  }

  div,
  p,
  span,
  a {
    background: transparent;
  }

  .header {
    background: transparent;
    width: 50%;
    font-style: italic;
    font-size: 4.5rem;
  }

  .header:hover {
    color: #eb6262;
    text-emphasis: open;
    transform: rotate(5deg);
  }

  .line {
    border-left: 2px solid black;
    transform: translate(-119px, 42px) rotate(7deg);
    background: transparent;
    position: relative;
    right: 101%;
  }

  .about {
    width: 40vw;
    height: fit-content;
    top: 20%;
    right: 15%;
    position: relative;
    font-family: "EB Garamond";
    font-size: 3vw;
    background: transparent;
  }

  .gradient {
    background: linear-gradient( 345deg, rgb(2 0 36 / 64%) 0%, rgba(238, 238, 238, 1) 56% );
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100vh;
    opacity: 0.5;
    box-shadow: 11px -12px 16px 15px #eeeeee inset;  
}