@font-face { font-family: Dosis; src: url("/static/css/fonts/dosis/Dosis-Regular.ttf"), url("/static/css/fonts/dosis/Dosis-Medium.ttf"), url("/static/css/fonts/dosis/Dosis-Light.ttf"), url("/static/css/fonts/dosis/Dosis-ExtraLight.ttf"), url("/static/css/fonts/dosis/Dosis-Bold.ttf"), url("/static/css/fonts/dosis/Dosis-ExtraBold.ttf"), url("/static/css/fonts/dosis/Dosis-SemiBold.ttf"), url("/static/css/fonts/Dosis-VariableFont_wght.ttf"); font-style: normal; font-display: auto; } body { font-family: Dosis; } ul, li { list-style: none; } /* Vertical slider */ input[type=range][orient=vertical] { writing-mode: bt-lr; /* IE */ -webkit-appearance: slider-vertical; /* WebKit */ width: 8px; height: 175px; padding: 0 5px; } [class*="col-"] { background-clip: padding-box; border: 10px solid transparent; margin: 0em !important; padding: 0em !important; } #video-container::-webkit-media-controls { display: none !important; } #video-container::-webkit-media-controls-enclosure { display: none !important; } .modal-header, .modal-footer { background-color: rgba(0, 0, 0, 0.64); } .modal-content { background-color: rgba(50, 56, 62, 0.74); border-color: rgba(249, 148, 6, 0.74); } .card-body { min-height: 326px; font-size: x-large; vertical-align: middle !important; align-items: center; display: grid; } .card-img, .card-img-top { max-height: 285px !important; object-fit: contain; } .label-as-badge { border-radius: 1em; cursor: pointer; }