body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:#0b0f2b;
  color:#e5e7eb;
}

.blog-container{
  max-width:900px;
  margin:auto;
  padding:80px 20px;
  line-height:1.7;
}

h1{
  margin-top: -30px;
  font-size:42px;
  margin-bottom:10px;
  color:white;
}

.updated{
  color:#9ca3af;
  margin-bottom:30px;
}

h2{
  margin-top:40px;
  color:white;
  font-size:26px;
}

h3{
  margin-top:20px;
  font-size:20px;
  color:#cbd5f5;
}

p{
  margin-top:10px;
  font-size:16px;
}

ul{
  margin-top:10px;
  padding-left:20px;
}

li{
  margin:8px 0;
}


/* Mobile Responsive */

@media(max-width:768px){

h1{
  font-size:32px;
}

h2{
  font-size:22px;
}

h3{
  font-size:18px;
}

p{
  font-size:15px;
}

}