@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');

.d-none {
    display: none !important;
}

#text-box {
    font-family: 'Bree Serif', serif;
}

iframe {
    width: 80vw;
    height: 70vh;
}

audio {
    width: 90vw;
    height: auto;
}

.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}
.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}
.video-js-responsive-container {
    width: 100%;
    position: relative;
}
.video-js-responsive-container .video-js {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}