body {
    background-color: #212529;
    overflow-y: scroll;
    color: #ebebeb;
}

header a {
    color: #ffffff;
    text-decoration: none;
}
header a:hover {
    text-decoration: underline;
}

.sheet-block {
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}
.sheet-block-separator {
    border-bottom: 1px solid #dee2e6;
}

.table-dark tbody tr:hover th, .table-dark tr:hover td {
    background-color: #161616;
}
.table-secondary tbody tr:hover th, .table-secondary tr:hover td {
    background-color: #cfcfcf;
}

.is-filled, .is-filled:focus {
    background-color: #b3ebc0;
    border: 1px solid #24b46c;
    outline: 1px solid #24b46c;
}

/****** PC ******/
@media (min-width: 769px) {

    main {
        min-height: calc(100vh - 162px);
    }

    .table tbody {
        vertical-align: middle;
    }
    .table tbody .row-min-height {
        height: 140px;
    }
    .table tbody img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        object-fit: cover;
    }

    .sheet-block-line {
        border-right: 1px solid #dee2e6;
    }

    .card .card-body img {
        max-width: 100%; max-height:200px; object-fit:cover;
    }
    .card .card-body video {
        max-width: 100%; max-height:100%; object-fit:cover;
    }

    #cameraContainer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.8);
        z-index: 9999;
        display: grid;
        place-content: center;
    }
}

/**** TABLET ****/
@media (max-width: 768px) {

}

/**** MOBILE ****/
@media (max-width: 480px) {

    .navbar-nav {
        flex-direction: initial;
        gap: 12px;
    }

    .table tbody {
        vertical-align: middle;
    }
    .table tbody .row-min-height {
        height: 100px;
    }
    .table tbody img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
    }

    .card .card-body img {
        max-width: 100%; max-height:300px; object-fit:cover;
    }
    .card .card-body video {
        max-width: 100%; max-height:100%; object-fit:cover;
    }

    #cameraContainer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.8);
        z-index: 9999;
        display: grid;
        place-content: center;
        padding: 10px;
    }
}