.blog-wrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.blog-wrapper::-webkit-scrollbar {
    display: none;
}

.blog-title {
font-size: 20px;
font-weight: bold;
border-bottom: dotted 2px;
width: fit-content;
margin-top: 15px;
}

.blog-date {
  border-bottom: dotted 2px white;
  margin-bottom: 10px;
  width: fit-content;
  margin-top: 10px;
}

.blog-content {
	padding-bottom: 20px;
padding-top: 10px;
border-bottom: solid 1px white;
word-break: break-word;
}

body {
	font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;
	color:white;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #8000ff #42005596;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background-color: #42005596;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #8000ff;
    border-radius: 30px;
    border: 3px dotted #ffffff;
  }