.title {
  font-size: 40px; 
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.8px;
  color: var(--blue);
  background: linear-gradient(180deg, var(--red) 30%, rgba(215, 230, 255, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  -webkit-text-stroke: 0.5px var(--blue);
  z-index: 1;
}

.bg-squares {
  z-index: -1;
  position: fixed;
}


.link {
  padding: 10px 0px 0px 40px;
  font-family: var(--mono);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.7;
  text-align: left;
}









@media (max-width: 600px) {
  html, body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .border-left,
  .bg-squares,
  .front-square, .svg {
    display: none;
  }

  .title {
    font-size: 28px;
  }


}