.gradient-background {
  background: linear-gradient(300deg, #ccff00, #eab815, #f40000);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
  margin-top: -60px;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.icon-square {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
}

.profile-img {
  border-radius: 50%;
  height: 80px;
  width: 80px;
}

#Tenis{
  text-align: center;
}
@media (min-width: 1024px) and (max-width: 2560px){
    #footer-align{
    display: flex;
    justify-content: center;
    margin-left: -60vh;
  }
}


@media (max-width: 768px){
  #Download-Button{
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 2560px){
  #Flex-footer{
    display: flex;
    gap:115px;
  }
}

@media (max-width: 820px){
  #Apple-Download-Button{
    margin-bottom: 15px;
  }

  #Download-Button{
    margin-bottom: 15px;
  }
}

@media (max-width: 425px){
  #Flex-footer{
    text-align: center;
  }
}

#Guga{
  width: 305px;
  height: 570px;
  margin-bottom: 30px;
}

@media (max-width: 768px) and (min-width: 320px){
  #Guga{
    height: 580px;
    width: 710px;
    margin-left: 2rem;
  }

  #footer-align{
    text-align: center;
  }
}

@media (max-width:320px){
  #Guga{
    width: 1000px;
    height: 450px;
  }
}