/* Navbar */
.top-nav {
  height: 50px;
}
.nav-option {
  padding: 20px;
}
.top-background {
  background-color: rgb(255, 221, 221);
}
.btn-read {
  color: red;
}
.btn-read:hover {
  color: white;
  background-color: red;
}
#nav-opt {
  color: aliceblue;
}
#nav-opt:hover {
  color: rgb(199, 197, 197);
}
.hov:hover {
  background-color: rgb(247, 180, 180);
  color: rgb(112, 2, 2);
}
.for-background {
  background-color: rgb(241, 106, 106);
}
.nav-item {
  padding: 2px;
}

/* running text */
.group {
  position: relative;
  height: 35px;
  overflow: hidden;
  color: rgb(241, 106, 106);
  border-bottom: yellow;
  border-top: yellow;
}
.group .text {
  position: absolute;
  margin: 5px 0;
  padding: 0;
  font-weight: 600;
  width: max-content;
  animation: my-animation 24s linear infinite;
}

.headph {
  width: 86%;
  margin: auto;
}
.head-ph {
  width: 82%;
  margin: auto;
}
.cont {
  width: 82%;
  margin: auto;
}
.dropdown{  
  list-style: none;
}
.dropdown-menu li{

  list-style: none;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
@media screen and (max-width: 480px) {
  .head-ph {
    width: 95%;
  }
  .cont {
    width: 90%;
  }
}