.blog-jscover{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;

}

.content-hidden{
    visibility: hidden;

}

.blog-basebackground{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
}

    .blog-contentbase{
        display: flex;
        flex-direction: column;
        width: 90%;
        height: auto;
        margin: 10vh 0 0 0;
        background-color: none;
        border: black solid 3px;
    }

        .blog-contentbase-title{
            display: flex;
            box-sizing: border-box;
            width: 100%;
            height: 100px;
            border-bottom: black solid 3px;

        }

            .blog-contentbase-title-maintitle{
                display: flex;
                align-items: center;
                width: 80%;
                height: 100%;
                padding: 0 0 0 20px;
                font-size: 30px;
                font-weight: bold;

            }

            .blog-contentbase-title-date{
                display: flex;
                justify-content: center;
                align-items: flex-end;
                width: 20%;
                height: 100%;

            }

        .blog-contentbase-photo{
            display: flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            width: 100%;
            height: auto;
            min-height: 300px;
            border-bottom: black solid 3px;

        }

            .blog-contentbase-photo-img{
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
                width: 80%;
                height: 90vh;
                border-right: black solid 3px;
                border-left: black solid 3px;
                overflow: hidden;
                background-color: black;

            }

                .blog-contentbase-photo-img img{
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    overflow: hidden;
                    
                }

            .blog-contentbase-photo-left{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 10%;
                height: auto;
            }

                .blog-contentbase-photo-left-contentL{
                    width: 80px;
                    height: 10vh;
                    background-color: black;
                    margin: 10%;
                    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);

                }

                .blog-contentbase-photo-left-contentL:hover{
                    width: 80px;
                    height: 10vh;
                    background-color: gray;
                    margin: 10%;
                    clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
                    cursor: pointer;

                }


            .blog-contentbase-photo-right{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 10%;
                height: 100%;

            }

                 .blog-contentbase-photo-left-contentR{
                    box-sizing: border-box;
                    width: 80px;
                    height: 10vh;
                    background-color: black;
                    margin: 10%;
                    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);

                }

                .blog-contentbase-photo-left-contentR:hover{
                    width: 80px;
                    height: 10vh;
                    background-color: gray;
                    margin: 10%;
                    clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
                    cursor: pointer;

                }

        .blog-contentbase-text{
            box-sizing: border-box;
            width: 100%;
            height: auto;
            padding: 30px;
            line-height: 2;

        }