/**
        CSS File Written By Carlos Chacón
        
        Give style to the page that contains one post in the devblog on Desktop Devices
**/

@media screen and (min-width: 1024px) {
        #blog_post_containers {
                display: grid;
                grid-template-rows: auto auto auto;
                border-style: solid;
                border-width: 3px;
                border-color: gray;
                border-radius: 10px;
                margin-left: 10vw;
                margin-right: 10vw;
                ;
                margin-bottom: 10vw;
                box-shadow: 10px 10px 10px 1px rgba(0.2, 0.2, 0.3, 0.4);
                margin-top: 12px;
                justify-content: center;
                align-items: center;
                gap: 1vw;
        }

        .body_image {
                margin: 0 auto;
                width: 60vw;
        }

        .body_image_compacted {
                margin: 0 auto;
                width: 30vw;
        }

        .blog_title {
                font-size: 2vw;
                font-family: "OpenSans-Bold";
        }

        #blog_post_containers p,
        ul {
                width: 65vw;
                font-size: 1.2vw;
                font-family: "OpenSans-Regular";
        }

        #blog_post_containers p {
                line-height: 1.8vw;
        }

        #blog_post_containers ul {
                list-style-type: disclosure-closed
        }

        #blog_post_containers li {
                margin-top: 7px;
        }

        .header_image {
                display: block;
                margin: 0 auto;
                padding-top: 2vw;
                width: 45vw;

        }

        .blog_entry_title {
                display: block;
                margin: 0 auto;
                width: fit-content;
                font-size: 3vw;
                font-family: "OpenSans-Bold";
        }

        .blog_subtitle {
                display: block;
                margin: 1vw;
                width: fit-content;
                font-size: 1.5vw;
                font-family: "OpenSans-Bold";
        }

        #blog_post_containers:last-child {
                padding-bottom: 2vw;
        }
}