body {
    font-family: Inter,system-ui,Arial,sans-serif;
    line-height:1.5;
}

.blogpage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow-y: auto;
    background-color: white;
}

.verticalspace10 {
    position: relative;
    width: 100%;
    height: 10px;
    float: left
}


/* Mobile */
@media only screen and (max-width:768px) {
    .colspace {
        position: relative;
        width: 100%;
        height: 10px;
        float: left;
    }

    .blogcontnet {
        position: relative;
        width: 100%;
        height: auto;
        float: left;
    }

    .xsection{
        position:relative;
        width:calc(100% - 20px);
        height:auto;
        float:left;
        left:10px;
    }

}


/* Desktop */
@media only screen and (min-width:768px) {
    .colspace {
        position: relative;
        width: 10px;
        height: 10px;
        float: left;
    }

    .blogcontnet{
        position:relative;
        width:calc(100% - 240px);
        height:auto;
        float:left;
    }

    .xsection {
        position: relative;
        width: calc(100% - 20px);
        height: auto;
        float: left;
        left: 10px;
    }

}