@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,600;1,200&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap");


#title-banner {
  background-image: url('/img/setara/background.jpg');
  height: 95vh;
}
.bg-setara {
  /* background-color: #514663; */
  background-size: cover;
}

#title {
  font-family: "Poppins", sans-serif;
  /* text-shadow: 2px 2px black; */
  font-size: 100px;
  font-weight: 800;
  color: white;
  /* text-shadow: 3px 4px rgb(46, 46, 46); */
}

#subtitle {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  /* text-shadow: 2px 2px black; */
  font-size: 30px;
  color: white;
}

#description-title {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  /* text-shadow: 2px 2px black; */
  font-size: 15px;
  color: white;
}

.navigation {
  font-family: "Poppins";
}

.navbar-brand {
  font-family: "Montserrat", sans-serif;
  color: white;
}

#controller {
  width: 20%;
}

#news-shower {
  width: 70%;
}

.about {
  font-family: "Montserrat", sans-serif;
}

.news-explorer {
  background-image: url('/img/setara/background.jpg');
  font-family: "Montserrat", sans-serif;
}
#news-explorer {
  background-image: url('/img/setara/background.jpg');
  font-family: "Montserrat", sans-serif;
}

#data-show {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

#image-banner {
  height: 60%;
  width: 80%;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 20px #8cba80;
}

#recommend-btn {
  width: 100%;
}
#not-recommend-btn {
  width: 100%;
}


.poppins300 {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
}

.background-2 {
  background-image: url(../../img/setara/background-2.jpg);
  background-size: cover;
}

.paragraph-about {
  text-align: justify;
  text-justify: inter-word;
  text-indent: 50px;
  line-height: 2;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}