body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    background:#f2f2f2;
    color:#333;
    transition: all .4s ease;
}

.container{
    max-width:1150px;
    margin:20px auto;
    display:grid;
    grid-template-columns: 1fr 320px;
    gap:20px;
}

.post{
    background:#fff;
    padding:20px;
    min-width: 0;
}

.post h1{
    margin:10px 0;
}
.meta{
    font-size:12px;
    color:#888;
    margin-bottom:10px;
}
.post img{
    width:100%;
    margin:15px 0;
}
.post p{
    line-height:1.7;
    font-size:14px;
}

/* SIDEBAR */
.sidebar{
    background:#fff;
    padding:20px;

}

.widget{
    margin-bottom:25px;
}
.widget h3{
    font-size:15px;
    border-bottom:2px solid #00aaff;
    padding-bottom:5px;
    margin-bottom:10px;
        display: flex;
        flex-wrap: wrap;
}

/* SOCIAL */
.social a{
    display:flex;
    align-items: center;
    gap: 8px;
    padding:10px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    margin-bottom:6px;
    width: 45%;
}
.fb{background:#3b5998}
.tw{background:#212121}
.gp{background:#db4437}
.yt{background:#ff0000}
.in{background:#405de6}


.code-box{
  position:relative;
  margin-bottom:30px;
}

.para-i{
    background-color: #88888827;
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 10px;
    border-left: 2px solid #405de6;
}
.code-heading{
    margin: 10px;
    padding-right: 10px;
    display: inline;
    font-size: larger;
    margin-top: 20px;
    border-bottom: 2px solid #00aaff;
}
.post-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.35;
  color: #111;
  margin: 0 0 50px 0;
  /* letter-spacing: -0.5px; */
}

/* Optional subtitle or meta spacing */
.post-title + .post-meta {
  margin-bottom: 25px;
}

.post h1 {
  font-size: 2.2rem;
}

.post h2 {
  font-size: 1.8rem;
}

.post h3 {
  font-size: 1.4rem;
}

.post h4 {
  font-size: 1.15rem;
}
   .copy-btnn{
  position:absolute;
  top:10px;
  right:20px;
  padding:6px 10px;
  font-size:12px;
  background:white;
  cursor:pointer;
  z-index: 123;
}
.recent-posts{
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
}
.temp-count{
    visibility: hidden;
}
.post-title {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.35;
  color: #111;
  margin: 0;
  padding:0;
  /* letter-spacing: -0.5px; */
}