:root {
    /* color palettes */
    --dark: #121212;
    --reds: #ec1c24;
    --blues:#1d266e;
    --yells: #f2d913;
    --cream: #f6e98f;
}

body{
    background-image: url('image/karllostbg.png');
    cursor: url('image/cursor.ico'), default;
    overflow-x: hidden;
}
#PageBanner{
    cursor: url('image/thumbup.ico'), auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100vw;
    height: 200px;
    display: block;
    background-image: url('image/banner.png');
    background-size: contain, 300px 300px;
    background-position: center, center;
    background-color: black;
    background-repeat: no-repeat;
    z-index: 5;
    top:-10px;
    
}
#MainContainer {
    width: 100vw;
    height:100vh;
    margin-left: auto;
    margin-right: auto;
}
.contcontainer {
    margin-left: auto;
    margin-right: auto;
    background-color: var(--dark);
    border: 2px solid var(--blues);
    width: 40vw;
    max-width: 40vw;
    padding-left:8px;
    padding-right: 8px;
    padding-bottom: 6px;

    min-height: 200px; 
    color: var(--reds);
}
.contheader {
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
    text-align: center;
}
.contvideo {
    margin-left: auto;
    margin-right: auto;
    max-width: 38vw;
    max-height: 38vw;
}