@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap');


body{
    background-image: linear-gradient(rgpa(0,0,0,0.5),rgb(0,0,0,0.5)),url(images/pc.png);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 80%;
    border: 20px solid #1475b6;
    font-family: poppins,sans-serif;
    padding: 20px;
    margin: 20px auto;
    max-width: 600px;
 
}
.blog{
    margin-bottom: 20px;
    align-items: center;

    }
    .date{
         color: #1475b6;
         letter-spacing: 0.2rem;
         text-transform: uppercase;
         font-weight: 700;
    
    }
   
     img {  
          object-fit: cover;  
     
               width: 100%;
               height: auto;
           
          }      
    .paragraph{
         border-left: 5px solid #2370a5;
         padding-left: 5px;
         
    }
    h1,
h2,
h3,
h4,
h5,
h6 {
     letter-spacing: 0;
     font-weight: normal;
     position: relative;
     padding: 0 0 10px 0;
     font-weight: normal;
     line-height: normal;
     color: #111111;
     margin: 0
}

h1 {
     font-size: 26px;
     color: #111111;
}

h2 {

     font-size: 2.0rem;
     
}

h3 {
     font-size: 18px;
}

h4 {
     font-size: 16px
}

h5 {
     font-size: 14px;
     color: #1475b6;
}

h6 {
     font-size: 13px
}
hr{
     border: 0;
     height: 0;
     border-top: 1px solid #000;
     border-bottom: 1px solid #000;
}
p{
     /* background-image: url('img_girl.jpg'); */
}