@keyframes splash {
     0% {
         opacity: 0.10;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }

     20% {
         opacity: 0.85;
     }

     85% {
         opacity: 0.85;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
     }

     100% {
         opacity: 0;
         left: 50%;
         transform: translate(-50%, -50%);
     }
 }

 .splash-screen-card {
     position: fixed;
     top: -100%;
     background-color: #00C2E8;
     color: white;
     padding: 60px;
     font-family: sans-serif;
     font-size: 30px;
     border-radius: 100px;
     opacity: 0;
     z-index: 2;
     animation: splash 3s ease-in-out;
 }



 @keyframes jump {
     0% {
         transform: translateY(0);
         ;
     }

     10% {
         transform: translateY(-40px);
     }

     20% {
         transform: translateY(0);
     }

     28% {
         transform: translateY(-20px);
     }

     36% {
         transform: translateY(0);
     }

     43% {
         transform: translateY(-10px);
     }

     50% {
         transform: translateY(0);
     }

     56% {
         transform: translateY(-3px);
     }

     60% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(0);
     }
 }

 .control-bar-card__social-icons__linkedin,
 .control-bar-card__social-icons__github,
 .control-bar-card__social-icons__discord,
 .control-bar-card__social-icons__twitter,
 .control-bar-card__social-icons__instagram,
 .control-bar-card__social-icons__facebook,
 .control-bar-card__social-icons__youtube,
 .control-bar-card__social-icons__twitch ,
 .control-bar-card__social-icons__tiktok,
 .control-bar-card__social-icons__telegram {
     animation: jump 2.5s ease;
     animation-delay: 2.7s;
 }

 .title-card__subtitle__avatar img {
     animation: spin 3s ease-out 1;
     animation-delay: 2.7s;
 }