:root {
    --coloD1: #272343;
    --color2: #FFFFFF; 
    --color3: #E3F6F5;
    --color4: #BAE8E8;
}
@font-face {
    font-family: cali;
    src: url('/src/font/CalifornianFB/Californian\ FB\ Italic.ttf');
}
:root {
    --body-height: 100%;
}

body {
    background-color: black;
    background-image: url('/img/pyscraper/thomas-le-KNQEvvCGoew-unsplash.png') !important;
    background-repeat: no-repeat !important;
    background-position: auto -330vh !important;
    overflow-x: hidden;
    height: var(--body-height) !important;
}
#title {
    font-family: headerfont;
    text-transform: uppercase;
    font-size: 250%;
    margin-top: 1vh;
    padding-left: 9vw;
    z-index: 501;
    color: rgb(255, 255, 255);
}
#allcontent {
    position: absolute;
    padding-left: 10%;
    width: 45vw;
    height: var(--body-height);
    background: rgba(0, 0, 0, 0.534);
}
.post { 
    width: 100%;
    color: white;
}
.post video {
    width: 100%;
}