@font-face {
    font-family: testfont;
    src: url("font/0001.ttf");
}

@font-face {
    font-family: ffff;
    src: url("font/0002.ttf");
}

table.is-borderless td {
    border: 0px solid #00000000
}

table.is-center td {
    text-align: center;
    justify-content: center;
}


/* .course-content {
    padding: 0 30%;
} */

@media screen and (min-width: 1000px) {
    .card.is-inlineblocked {
        display: inline-block;
        max-width: 60%;
        width: 60%;
        margin: 1em 2%
    }
}

.dots {
    width: 3.5em;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
}

.dots div {
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background-color: #00b7ff;
    animation: fade 0.8s ease-in-out alternate infinite;
}

.dots div:nth-of-type(1) {
    animation-delay: -0.4s;
}

.dots div:nth-of-type(2) {
    animation-delay: -0.2s;
}

@keyframes fade {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}