main
{
    /*margin-top: 50px;  Match to header height. */
    width: 100%;
    text-align: center;
    /*background-color: rgb(32, 255, 32);*/
    background-color: transparent;
}

body {
    background-color: rgb(6, 6, 6);
    margin: 0px;
}

.headbar {
    position: sticky;
    margin: 0;
    /*left: 0px;*/
    top: 0px;
    width: 100%;
    height: 50px;
    z-index: 999;
    background-color: rgb(6, 6, 6);
    border-bottom: 2px solid rgb(48, 48, 0);
    /*border-bottom-width: 2px;*/
    /*border-bottom-color: rgb(64, 64, 0);*/
}

.footbar {
    width: 100%;
    height: 96px;
    /*z-index: 999;*/
    background-color: rgb(6, 6, 6);
    border-top: 2px solid rgb(48, 48, 0);
}

.content {
    /*position: absolute;*/
    /*top: 60px;*/
    /*left: 0px;*/
    /*right: 0px;*/
    /*bottom: 0px;*/
    /*overflow-y: auto;  scroll;*/
    width: 100%;
    text-align: center;
    /*background-image: url("images/blue_blocks_580x256.png");*/
    background-color: rgb(6, 6, 6);
}

.card_holder {
    /* margin: 0 -5px; */
    text-align: center;
    /*width: auto;*/
    background: rgb(32, 32, 32);
    padding-left: 10px;
    padding-right: 10px;
    min-height: 720px;    
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
    padding: 16px;
    text-align: center;
    background-color: rgb(0, 0, 0);
    width: 25%;
    margin: 10px;
    display: inline-table; /* The best of responsiveness. */
    border-radius: 16px;
    /*border: 2px solid rgb(96, 96, 64);*/
}

.vid_thumbnail{
    width: 320px; 
    border-radius: 16px;
    object-fit: contain;
    border: 2px solid rgb(64, 64, 16);
}

/* To get consistency on Edge and Firefox. */ 
.hr_line {
    height: 2px;
    color: rgb(48, 48, 0);
    background-color: rgb(48, 48, 0);
    border: none;
}

/*.menu_bar {
    position: fixed;
    margin:0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height:64px;
    color: blue;
    background-color: rgb(4, 4, 4);
    background-image: url("../images/banner_image_left_align.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-position: top;
}
*/
​