.video-grid {
    display: grid;
    grid-template-columns: auto auto auto;
    background-color: #1e8fff00;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.video-grid div {
    padding: 10px;
    font-size: 1.1vw;
    text-align: center;
}

.video-info {
    font-size: 0.9vw;
    text-align: left;
    margin: 0px;
}

.video-grid img {
    block-size: auto;
    width: 100%;
    height: 100%;
    max-width: 280px;
    max-height: 157px;
    object-fit: cover;
}

.video-grid a:hover {
    transform:scale(1.15)
}

.video-grid a {
    border: 10px solid;
    border-image-slice: 1;
    border-width: 3px;
    color: black;
    font-family: "Comic Sans MS";
    text-decoration: none;
}
.video-grid a.QTTFT {
    background-color: #e1e1e1;
    border-image-source: linear-gradient(151deg,rgba(255, 255, 255, 1) 0%, rgba(181, 255, 246, 1) 50%, rgba(31, 31, 31, 1) 150%);
    box-shadow: 0px 0px 5px aqua;
}

.video-grid a.MIKA7 {
    background-color: #e1e1e1;
    border-image-source: linear-gradient(151deg,rgba(255, 255, 255, 1) 0%, rgb(0, 255, 115) 50%, rgba(31, 31, 31, 1) 150%);
    box-shadow: 0px 0px 5px yellowgreen;
}