.navbar{
  width: 100%;
  /*background-image: linear-gradient(90deg,#faf,blue,#444,#555);*/
  height: auto;
  z-index: 100;
}

.nav-link:hover{
  transition:all 1s linear;
  transform: scale(1.2);
  opacity: 1;
  border-radius: 10%;
}
.navbar-nav li {
  float: left;
  padding: 1px;
  font-size: 18px;
  font-weight: 25px;
  width:180px; /* For links of equal widths */
  text-align: center;
  letter-spacing: 2px;
}
.headtext{
  display: inline-flex;
  text-align: center;
  text-decoration: none;
  color: #111;
  font-size: 18px;
  letter-spacing: 1px;
  position: absolute;
  padding-top: 90px;
}
.top-container {
  background-color:black;
  padding: 0px;
  text-align: center;
}

.header {
  padding:5px;
/*  background-image:url('../img/header.png');*/
   background-image:linear-gradient(90deg,#81b1ce,#3e5172,#3e5172,#3e5172);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.8;
}

.content {
  padding: 0px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 102px;
}