blog1.css

.comppage{
  margin:auto;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;
  color:aliceblue;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  min-height: 90vh;
  
}
.back-btn{
  padding-left:20px;
}
.back a{
  text-decoration: none;
}
.blogtitle{
  color:aliceblue;
  background-image: url(./Images/purple.jpg);
  height: auto;
  padding-left: 12%;
}
.heading{
  font-size: 60px;
  font-weight: 900;
  margin-left: 0;
}
.subheading{
  font-size: 30px;
  font-weight: 600;
  margin-left: 0;
}
.img{
  height:60px;
}
.contentcontainer{
  font-size: 20px;
  font-weight: 300;
  padding-left:12%;
  padding-right:12%;

}


@media only screen and (max-width:821px){
  .heading{
    font-size: 46px;
    font-weight: 900;
    margin-left: 0;
  }
  .subheading{
    font-size: 25px;
    font-weight: 600;
    margin-left: 0;
  }
  .contentcontainer{
    font-size: 14px;
    font-family: 'Blinker', sans-serif; 
  }
}
@media only screen and (max-width:500px){
  .heading{
    font-size: 30px;
    font-weight: 900;
    margin-left: 0;
  }
  .subheading{
    font-size: 15px;
    font-weight: 600;
    margin-left: 0;
  }
  .contentcontainer{
    font-size: 13px;
    font-family: 'Blinker', sans-serif; 
  }
  .back-btn{
    padding-left:20px;
    font-size:12px;
  }
  .back a{
    text-decoration: none;
  }
}






/*.background{
background-image: url(images/bg.png);
margin:0%;
padding:0%;
background-size:cover;

}


.arrow{
color: white;
font-size: 25px;
margin-left: 20px;
text-decoration:none;
}

.back{
color:white;
font-size: 20px;

}

.blog-topic{
color: white;
font-size: 30px;
margin-left: 40px;
font-family: Georgia, 'Times New Roman', Times, serif;
margin-top: 70px;
line-height:0.1;
}

.topic-bg{
background-image:url(images/coding2.0.png);
height:250px;
width:1000px;
margin:auto;
position: relative;
border-radius: 10px;
border: 1.5px solid white;
justify-content: center;

}

.author-date{
margin-top: 50px;
color: white;
margin-left:40px;
font-size: 20px;
border: 2px;
display:inline-block;
}

.blog-content{
margin:auto;
background-image: url(images/bg.jpg);
width:1000px;
height:100%;
border-radius: 10px;
border: 1.5px solid aqua;


}

.content{
margin-left:20px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size:18px;
color:white;
margin-bottom: 20px;
line-height: 1.5rem;
margin-right: 20px;
}

.round-edge{
border-radius: 20%;

}

.image-frame {
    width: 50px; /* Adjust the width and height to your desired size */
    /*height: 50px;
    border-radius: 50%; /* Make the frame round by setting the border-radius to 50% */
   /* overflow:hidden; /* Hide any overflow of the image */
   /* border: 1.5px solid white;
    display:inline-block;
  }

  .align{
    display: inline-block;
  }

  .shift-right{

    text-align:center;
    margin-top:40px;
  }*/