/*Default*/
body {
  background-image: url("shared/images/background2.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-family: "Inter", sans-serif;
}

#hextoneLogodark {
  height: 20px;
  width: 120px;
}

#topNavbar {
  height: 60px;
  background-color: rgba(255, 255, 255);
}

#mainContainer {
  min-height: calc(100vh - 60px);
  position: relative;
  top: 60px;
}

#mainRow {
  height: calc(100vh - 60px);
}

.blueText {
  color: #004f8c;
}

.versionCards {
  background-color: rgba(255, 255, 255, 0.75);
}

.versionBtn {
  background-color: #0c4c7e;
}

.versionBtn:hover {
  background-color: #0c4c7e;
}

/*greater than or equat to 576px*/
@media only screen and (min-width: 768px) {
  body {
    background-image: url("shared/images/background2.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
  }

  #hextoneLogodark {
    height: 30px;
    width: 160px;
  }

  #topNavbar {
    background-color: transparent;
  }
}