body {
            font-family: 'Inter', sans-serif;
            background-color: #f1f5f9; 
        }
        
        @media (min-width: 300px) and (max-width: 470px) {
        .responsive-title {
            font-size: 1.7rem !important;             
        }
    }
    
    
    @media (min-width: 470px) and (max-width: 700px) {
        .responsive-title {
            font-size: 2.1rem !important;             
        }
    }
    
     @media (min-width: 700px) and (max-width: 800px) {
        .responsive-title {
            font-size: 2.2rem !important;             
        }
    }     
    
    
    
    @media (min-width: 800px) {    
    .responsive-title {
            font-size: 2.55rem !important;             
        }
    } 
    
    
        .youtube-icon {
      font-size: 32px;
      color: red;
      margin-right: 6px;
      animation: bbbounce 2s ease-in-out infinite;
    }
 
@keyframes bbbounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}