* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;

}

:root {
    --color-primary: #6c63ff;
    --color-success: #00bf8e;
    --color-warning: #f7c94b;
    --color-danger: #f75842;
    --color-danger-variant: rgba(247, 88, 66, 0.4);
    --color-white: #fff;
    --color-light: rgba(255, 255, 255, 0.7);
    --color-black: #000;
    --color-bg: #1f2641;
    --color-bg1: #2e3267;
    --color-bg2: #424890;

    --container-width-lg: 76%;
    --container-width-md: 90%;
    --container-width-sm: 94%;

    --transition: all 400ms ease;

}

/* background: #2e5acb; */

body{
    background: var(--color-bg);
    padding: 0;
    margin: 0;
}

.blog_one {
    width: 88%;
    height: auto;
    margin: 42px;
    background: var(--color-bg1);
    /* color: rgb(196, 226, 213); */
    color: #fff;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    
    text-align: justify;
    
}

.container_b{
    display: grid;
    place-items: center;
}
.title{
    display: grid;
    place-items: center;
    color: #e34c4c;
}

.blog{
 margin: 10px 30px 20px 50px;
}

.date{
 margin: 10px 20px 20px 50px;
 font-size: 23px;
 color: #ede576;


}
.blogNo{
    font-size: 40px;
    margin: 30px 0px 2px 0px;
    color: var(--color-primary);
}

span{
    font-size: 23px;
    color: #f34be7;

}

.writers{
   
    text-align:right ;
    color: rgb(196, 226, 213);
    padding-right:25px ;
    margin-bottom: 12px;
}


.back-to-home{
    
    background-color: var(--color-danger);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
  }

@media screen and (max-width: 604px){

.blog{
    font-size: 15px;
    margin: 10px 30px 20px 20px;
}
.back-to-home{
    margin: 4px 2px;
    margin-bottom:10px;
}


    


}