@import url("./bootstrap.min.css");
@import url("./bootstrap.icons.min.css");
@import url("./style.css");
@import url("./footer.css");


.responsiveimg {
    width: 100%;
    max-width: 800px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* CSS style for the button to the top */
#goTopBtn {
  display: none;
  position: fixed;
  bottom: 5em;
  right: 10px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  //background-color: red;
  width: 50px; 
  height: 50px;
  background:url("../img/goTop.svg") 
  no-repeat;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#goTopBtn:hover {
  //background-color: #3d5;
}


/* navbar */
.navbar { padding-top: 10px; padding-bottom: 0px; background-image: linear-gradient(180deg, var(--bs-secondary-bg), var(--bs-body-bg) 100px, var(--bs-body-bg)); }
.navbar .container { align-items: center }


/* Line of the top border  */
.navbar-fixed-top::before {
  content: '';
  width: 100%;
  height: 5px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, #209CFF), color-stop(80%, #47D382), color-stop(100%, #FF874D));
  background: -webkit-linear-gradient(left, #209CFF 60%, #47D382 80%, #FF874D 100%);
  background: -o-linear-gradient(left, #209CFF 60%, #47D382 80%, #FF874D 100%);
  background: linear-gradient(90deg, #209CFF 60%, #47D382 80%, #FF874D 100%);
}