body {
    background-color: #2A2F33;
}

p {
    color: azure;
}

#topstuff {
    float: top;
    width: 90%;
    height:60vh;
    margin-left: auto;
    margin-right: auto;
}

#videobox {
    float: left;
    width: 50%;
    height: 50vh;
    padding-left: none;
    padding-top: 2%;
    float: left;
}

#aboutParaBox {
    float: left;
    width: 30%;
    padding-left: 3%;
    padding-top: 20;
}

#YTrailer {
    object-fit: cover;
    width: 100%; 
    height: 100%;
}

body {
            background-color: #2A2F33;
            color: azure;
        }
        
        #thumbnail {
            display: none;
        }
        
        #postbox {
            float: bottom;
            width: 80%;
            min-height: 275px;
            background-color: transparent;
            margin-left: auto;
            margin-right: auto;
        }
        
        .post {
            float: left;
            width: 22%;
            height: 50%;
            background-color: #2A2F33;
            padding-right: 2.5%;
            word-wrap: break-word;
        }
        
        .post img {
            width:100%;
            height: 45%;
        }
        
        .post h2 {
            height: 13%;
            width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            color: azure;
        }
        
        .post p {
            height: 20%;
            width: 100%;
            white-space: pre-line;
            text-overflow: ellipsis;
            overflow: hidden;
        }

@media only screen and (max-width: 1120px) {
    h1 {margin-left: auto; margin-right: auto;}
    
    #videobox {  
     margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 50vh;
    padding-left: none;
    padding-top: 2%;
    }
    
    #aboutParaBox {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-left: 3%;
    padding-top: 20;
}
    .nameanddesc {
        float:left;
    }
    
    .post {
        float: none;
        width: 100%;
        height: 25%;
    }
    
    .post img {
        float: left;
        min-width: 80px;
        min-height: 45px;
        width: 160px;
        height: 90px;
    }
    
    .post h2 {
        float:top;
        width: 75%;
        height: 15%;
        font-size: 15px;
    }
    .post p {
        float: top;
        width: 75%;
        height: 25%;
        font-size: 13px;
    }
}

@media only screen and (max-width: 650px) {
    #videobox {  
     margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 30vh;
    padding-left: none;
    padding-top: 2%;
    }
}