.content {
  background:
  radial-gradient(50% 50% at 100% 0,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
   #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
   #0000 96%),
  radial-gradient(50% 50% at 0 100%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
   #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
   #0000 96%),
  radial-gradient(50% 50%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
   #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
   #0000 96%),
  radial-gradient(50% 50%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
   #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
   #0000 96%) 30px 30px;
background-size: 60px 60px;
background-color: #120717;
}


#recoBaşlık1{
    padding-bottom: 1rem;
}
a{
    text-decoration: none;
    color: #5784B7;
  }


#recoVisit{
    margin-top: 1rem;
}



.altP {
    height: 100%;
    margin-top: auto;
  }

  
#projectsFont {
font-size: 17px;
}

  @media (max-width: 1200px) {
    #projectsFont {
      font-size: 13px;
    }
  }
  
  @media (max-width: 992px) {
    #projectsFont {
      font-size: 12px;
    }
  }
  @media (max-width: 890px) {
    #projectsFont {
      font-size: 11px;
    }
  }
  @media (max-width: 840px) {
    #projectsFont {
      font-size: 10px;
    }
  }
  @media (max-width: 800px) {
    #projectsFont {
      font-size: 9px;
    }
  }
  
  @media (max-width: 768px) {
    #projectsFont {
      font-size: 13px;
    }
  }
  
  @media (max-width: 576px) {
    #projectsFont {
      font-size: 12px;
    }
  }
  @media (max-width: 360px) {
    #projectsFont {
      font-size: 11px;
    }
  }