.make-font {
    font-size: 60pt;
}

@media screen and (max-width: 768px) {
    .make-font {
        font-size: 26pt;
    }
}

.high-font {
    font-size: 46pt;
}
@media screen and (max-width: 768px) {
    .high-font {
        font-size: 20pt;
    }
}

.authors-font {
    font-size: 1.25em;
}
@media screen and (max-width: 768px) {
    .authors-font {
        font-size: 1em;
    }
}

.btn-font {
    font-size: 1em!important;
}
@media screen and (max-width: 768px) {
    .btn-font {
        font-size: 0.75em!important;
    }
}

.sansfont {
    font-family: "Noto Sans", serif;
}

.acmefont {
    font-family: "Acme", serif;
}

.frame {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.shakefont {
    font-size: 90px;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .shakefont {
        font-size: 36px;
    }
}


.shadowtext {
    text-shadow: 0.05em 0.05em 0.2em #00000096;
}

.handtext {
    font-family: Shantell Sans, serif;
    font-weight: bold;
}

.light-btn {
    background-color: white;
    color: black;
    box-shadow: 0.1em 0.1em 1em #0000004a
}

.link-block {
    font-size: 14pt;
}

.container-1 {
    display: flex;
    width: 100%;
}

.column-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.column-left {
    width: 30%;
    margin-left: 10%;
}

.column-right {
    width: 50%;
}

.card-1 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 10pt;
    margin-bottom: 30pt;
}

.card-1 video {
    border-radius: 6pt 6pt 0 0;
}

.card-0 {
    /* padding-top: 6pt; */
    /* padding-bottom: 6pt; */
    margin-bottom: 36pt;
}

.slider-navigation-next .slider-navigation-previous {
    background-color: red;
}

.prompt {
    font-family: Shantell Sans, serif;
    font-weight: bold;
    height: 3em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}


.container1 {
display: flex;
justify-content: center;
align-items: center;
}

.container1 > * {
flex: 0 0 25%;
text-align: center;
}

.container1 img,
.container1 video {
max-width: 100%;
height: auto;
}
.example {
    width: 90%;
    left: 5%;
}


.v-columns {
    height: 200px;
}
.v-column-left {
    width: 3%;
}
.v-column-center {
    width: 94%;
}
.v-column-right {
    width: 3%;
}
.mode-font {
    font-size: 68px!important;
}
.example-font {
    font-size: 1em!important;
}
.ist-font {
    font-size: 2em;
}
.note-font {
    font-size: 1em;
}
.long-font {
    font-size: 30pt;
}
@media screen and (max-width: 768px) {
    .v-column-left {
        width: 1%;
    }
    .v-column-center {
        width: 98%;
    }
    .v-column-right {
        width: 1%;
    }
    .example-font {
        font-size: 0.75em!important;
        padding: 8pt!important;
    }
    .ist-font {
        font-size: 1em;
        padding: 1pt!important;
    }
    .v-columns {
        height: 200px;
    }
    .mode-font {
        font-size: 34px!important;
    }
    .note-font {
        font-size: 0.8em;
    }
    .instruct-font {
        font-size: 0.7em;
    }
    .long-font {
        font-size: 20pt;
    }
}