/* Link list styles */
.link-list, .video-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 15px; /* Optional: adds space between items */
}

.link-list li, .video-list li {
    margin: 10px 0; /* Adjust margin as needed */
}

.link-list a, .video-list a {
    text-decoration: none;
    color: #000;
    font-size: 1em;
    padding: 10px 15px; /* Optional: adds padding around links */
    background-color: #f0f0f0; /* Optional: adds background color */
    border-radius: 5px; /* Optional: rounds the corners */
}

.link-list a:hover, .video-list a:hover {
    color: #555;
    text-decoration: underline;
    background-color: #e0e0e0; /* Optional: changes background color on hover */
}


.video-list a {
    background: rgb(244,217,150);
    background: linear-gradient(90deg, rgba(244,217,150,0.9038209033613446) 0%, rgba(51,196,244,1) 43%, rgba(0,212,255,1) 100%);
}

.link-list a{
    background: rgb(92,173,239);
    background: linear-gradient(90deg, rgba(92,173,239,1) 0%, rgba(51,196,244,1) 43%, rgba(0,212,255,1) 100%);
}

    @media screen and (max-width: 768px) {
       .link-list a, .video-list a {
            font-size: 0.8em;
        }
    }


    @media screen and (max-width: 480px) {
      .video-list a {
        font-size: 0.6em;
    }

    @media screen and (max-width: 414px) {
        .video-list a {
          font-size: 0.5em;
      }