*{
    box-sizing: border-box;
    font-family: 'Chakra Petch', sans-serif;
}
.body{
   
    margin: 0%;
    padding:0%;
    width:100%;
    height:auto;
    background-color: #000000;
    box-sizing: border-box;
color:azure;
font-family: 'Chakra Petch', sans-serif;
}
 .titleh{
font-size: 2rem;
font-weight: bolder;
margin-top: 4rem;
margin-left: 1rem;

 }  

 .titleho{
    font-size: 2rem;
    font-weight: bolder;
    margin-top: 4rem;

    
     }  

     #myBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color:#feb800;
        color: white;
        cursor: pointer;
        padding: 15px;
        border-radius: 4px;
      }
      
.submenu{
 
        font-size: 1rem;
        animation-name: navbar;
        animation-duration: 1s;  
        animation-fill-mode: forwards;
        }
        
        @keyframes navbar {
            from{top:-200px;}
            to{top:1px;}
            
        }

        .nav-scroller{
            font-size: 10px;
        }
.header{
    margin:1rem;
}
.posts{
   margin:1rem;
}

.breadcrumb{
padding-left: 1rem;
display: flexbox;
text-align: center;
padding-top:2rem;
font-weight: bold;
font-size: 1rem;
}

@media screen and (max-width:425px) {
.breadcrumb{
    font-size: 0.7rem;
}
}

.contents{
display:block;
margin-left: auto;
margin-right: auto;
width:50%;

}


@media screen and (max-width:600px){
    .contents{
    display:block;
margin-left: auto;
margin-right: auto;
width:100%;

    }
}

.blogimage1{
display: block;
margin-left: auto;
margin-right: auto;
width:100%;
}

@media screen and (max-width:375px){
    .blogimage1{
        width:90%;
    }
}

@media screen and (max-width:425px){
    .blogimage1{
        width:90%;
    }
    }

.userprofile{
width:2rem;

padding-bottom: 0.3rem;
padding-left: 0.5rem;

}

.userinfo{
    font-size: 1.2rem;
}

.article1{
padding-top:2rem;
margin-right:0.9rem;
margin-left: 0.9rem;
font-size: 1.2rem;
text-align: left;
}

.profilename{
padding-bottom: 2rem;
font-size: 1rem;
}

@media screen and (max-width:425){
    .profilename{
        padding-left: 2rem;
        padding-bottom: 1rem;
    }
}

.date{
padding-bottom: 1rem;
text-align: left;
}
@media screen and (max-width:425px)   {
    .date{
        padding-left: 1rem;
    }
}

.h1class{
padding-top: 2rem;
font-size: 2rem;
text-align: left;
font-weight: bolder;
}

@media screen and (max-width:425px) {
    .h1class{
        font-size: 1.3rem;
    }
    
}

.thumb1{
width:50%;
display: flexbox;
margin-left: 20rem;

}