@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');


.image-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-image {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.video-card {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--bg-secondary-color);
    color: var(--primary-text-color);
    width: 100%;
    height: auto;
}

.card-video {
    width: 100%;
    aspect-ratio: 4 / 2;
    border: 10px;
}


.card {
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: var(--bg-secondary-color);
    color: var(--primary-text-color);
    text-decoration: none;
    width: 100%;
    height: auto;
    border-radius: 10px;
    text-align: left;

}

a {
    width: 100%;
}