body {
  background-image: url('/static/bg_news.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  font-family: 'Segoe UI', sans-serif;
  color: #fff; 
}

.bg-custom {
  background-color: #c4e2ff; 
}

.box-content {
  background-color: rgba(255, 255, 255, 0.88);
  border-radius: 15px;
  max-width: 700px;
  width: 100%;
}

.text-clickbait{
  color: rgb(13, 103, 193);
}

.text-non{
  color: rgb(13, 103, 193);
}

.btn-single{
  background-color: rgb(9, 126, 21);
  color: #fff;
}

.btn-single:hover{
  background-color: rgb(30, 159, 43);
}

.btn-dataset{
  background-color:rgb(9, 126, 21);
  color: #fff;
}

.btn-dataset:hover{
  background-color: rgb(30, 159, 43);
}

.btn-tentang{
  background-color:rgb(20, 99, 151);
  color: #fff;
}

.btn-tentang:hover{
  background-color: rgb(35, 124, 182);
}