body {
                background-color: #2A2F33;
                color: azure;
            }
            
            h1 {
                color: azure;
                line-height: 0.01em;
            }
            
            #entire {
                width:100%;
                margin-left: auto;
                margin-right: auto;
            }
            
            #thumbnail {
                width: 85%;
                height: 59%;
                max-width: 100%;
                max-height: 75%;
            }
            
            #thumbnail-post {
                width:50%;
                height: 50%;
            }
            
            #post {
             width: 60%;
            float: left;
                
            }
            
            #profile {
                width: 30%;
                height: 100%;
                padding-left: none;
                padding-top: 10vh;
                float: left;
            }
            
            #profile h2 {
                color: azure;
                line-height: 0.3em;
            }
            
            #description {
                width: 75%;
            }
            
            #description a {
                color: cyan;
            }
            
            #pfp {
            width: 64px;
            height:64px;
                border:solid 2px;
                border-color: azure;
                float: left;
            }
            
            #creator_space {
                width: 100%;
                height: 8vh;
                float: left;
            }
            
            #creator_name {
              float: left;
              padding-left: 2px;
            }
            
            #creator_space p {
            height: 34%;
            width: auto;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            }
            
            #creator_space h1 {
                line-height: 0.01em;
            }
            
            #post_thumbnail {
                float: left;
            }
            
            #post_thumbnail img {
                width: 50%;
                min-width: 30%;
                height: 60%;
            }
            
            #post_text {
                float: left;
                padding-left: 2px;
            }

            #post_text p {
                height: 20%;
                width: 60%;
                white-space: pre-line;
                text-overflow: ellipsis;
                overflow: hidden;
            }

            #post_text h2 {
                height: auto;
                width: 100%;
                white-space: wrap;
                line-height: 0.9em;
            }
            
            #videobox {
                width: 100%;
                height: auto;
                padding-left: none;
                padding-top: 2%;
            }
            
            #YTrailer {
                object-fit: cover;
                width: 85%; 
                height: 65%;
            }

            
            .post-hr {
                width: 85%;
                float: left;
            }
            
            .dwnld-btn {
                background-color: rgb(0, 180, 214);
                border:solid 1px white;
                width:auto;
                height:40px;
                color: white;
            }

            .dwnld-btn-d {
                background-color: rgb(0, 180, 214);
                border:solid 1px white;
                width:auto;
                height:40px;
                color: white;
            }


            .download-drop {
                display: none;
                position: absolute;
                background-color: #f1f1f1;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1;
            }

            .download-drop a { color: black; padding: 6px 16px; display: block; text-decoration: none; } 
            .download-drop a:hover {background-color: gray} 

            .download-stuff:hover .download-drop {
                display: block;
            }
            
        .post {
            width: 100%;
            height: 25%;
            background-color: #2A2F33;
            padding-right: .5%;
            word-wrap: break-word;
            
        }
        
        
        .post img {
            width:30%;
            height: 60%;
            float: left;
        }
        
        .post h2 {
            height: 5%;
            width: 100%;
            color: azure;
            line-height: 0.01em;
        }
            
            .post h4 {
                line-height: 0.001em;
                max-height: 10%;
                color: azure;
            }
        
        .post p {
            height: auto;
            max-height: 30%;
            width: 55%;
            white-space: normal;
            text-overflow: ellipsis;
            overflow: hidden;
            line-height: 1em;
            font-size: 70%;
        }
            
            
        
        .upload_file {
            display: none;
        }
            
        #unity-container {float: left; width:75%; height: 59%; display: none; padding-right: 20%; padding-bottom: 10%}
        #unity-fullscreen-button {width: 38px; height: 38px; display: none; background: url('TemplateData/fullscreen-button.png') no-repeat center }
        #unity-loading-bar {position: absolute; left: 22%; top: 45%; display: none }
        #unity-logo { width: 154px; height: 130px; display: none; background: url('TemplateData/Loading.gif') no-repeat center }
        #unity-progress-bar-empty { width: 141px; height: 18px; display: none; background: url('TemplateData/progress-bar-empty-dark.png') no-repeat center }
        #unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; display: none; background: url('TemplateData/progress-bar-full-dark.png') no-repeat center }
        
        #container_row { position: relative;}
        #layer1, #layer2 { grid-column: 1; grid-row: 1;}
        #playButton { width: 154px; height: 130px; background: no-repeat center }

@media only screen and (max-width: 1000px) {
    #post {
        width: 100%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    #post_name {
            font-size: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: azure;
    }
    
    #creator_space p {
        width: 300px;
    }
    
     #thumbnail {
                 width: 320px;
                height: 180px;
                max-width: 100%;
                max-height: 75%;
            }
    
    #profile {
        width: 100%;
        float: none;
    }
    
    #playButton {
        display: none;
    }
    
    #YTrailer {
                object-fit: cover;
                width: 320px; 
                height: 180px;
            }
}