body {
    height: 100%;
    width: 100%;
}

body::after {
    content: "";
    background: url("../img/socials/backgrounds/space-stars-background-xgq8wa4ytbtpzk6c.jpeg");
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.25;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
  }

.full-screen {
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-family: var(--font);
}

.socials-pic {
    width: 70px;
    height: 70px;
    position: relative;
  }

  @media only screen and (max-width: 600px) {
    .socials-pic {
      width: 50px !important;
      height: 50px !important;
    }
  }
  
  #socials-pic-1 {
    animation: float1 7s ease-in-out infinite;
  }
  
  #socials-pic-2 {
    animation: float2 8s ease-in-out infinite;
  }
  
  #socials-pic-3 {
    animation: float3 9s ease-in-out infinite;
  }

  #socials-pic-4 {
    animation: float1 10s ease-in-out infinite;
  }

  #socials-pic-5 {
    animation: float2 11s ease-in-out infinite;
  }

  #socials-pic-6 {
    animation: float3 7s ease-in-out infinite;
  }
  
  @keyframes float1 {
    0% {
      transform: translate(0, 0);
    }
    25% {
      transform: translate(3px, -5px);
    }
    50% {
      transform: translate(0px, 5px);
    }
    75% {
      transform: translate(-3px, 5px);
    }
    100% {
      transform: translate(0, 0);
    }
  }

  @keyframes float2 {
    0% {
      transform: translate(0, 0);
    }
    25% {
      transform: translate(-3px, 5px);
    }
    50% {
      transform: translate(0px, -5px);
    }
    75% {
      transform: translate(3px, -5px);
    }
    100% {
      transform: translate(0, 0);
    }
  }

  @keyframes float3 {
    0% {
      transform: translate(0, 0);
    }
    25% {
      transform: translate(3px, 1px);
    }
    50% {
      transform: translate(-2px, 4px);
    }
    75% {
      transform: translate(-3px, -3px);
    }
    100% {
      transform: translate(0, 0);
    }
  }
  