body {
  font-family: "Inconsolata", monospace;
  /* background-image: url("https://images.unsplash.com/photo-1516541196182-6bdb0516ed27?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fHdoaXRlJTIwYmFja2dyb3VuZHxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=500&q=60");
background-size: 200vh;
    background-repeat: no-repeat; */
}
.topnav {
  overflow: hidden;
  background-color: rgba(46, 195, 229, 0.4);
  position: relative;
  border-radius: 8px;
  margin: 2% 2%;
}
.topnav:hover {
  color: white;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}
.topnav #myLink {
  display: none;
}
.topnav #MyLink {
  display: none;
}
.topnav #MyLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: large;
  display: block;
}
.topnav li {
  color: black;
  font-size: large;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #3b92c8;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
/* .topnav a:hover {
  background-color: #ddd;
  color: black;
} */
.icon:hover {
  cursor: pointer;
}
.icon:active {
  transition: all 0.4s cubic-bezier(0.71, 0.49, 0.63, 0.84);
}

/* Style the active link (or home/logo) */
.actives {
  background-color: #3b92c8;
  color: white;
  border-bottom: 1px solid white;
}
li {
  color: white;
  margin: 5px;
}
a {
  text-decoration: underline white;
}
a:hover {
  color: white;
}
.title:hover {
  color: white;
}
h1 {
  margin: 0% 1%;
  margin-top: 1%;
}
.nav-link {
  /* padding: 0.25rem 0; */
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  margin-left: 1rem;
  margin: 1%;

  /* border-bottom: 0.25rem solid transparent; */
}
.nav-link:hover {
  color: white;
  padding-top: 0.25rem;
  border-bottom: 0.25rem solid transparent;
  border-bottom-color: rgba(71, 72, 76, 0.5);
}

/* #navar{
color:black !important;
} */

#navbar {
  /* background-color: beige !important; */
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
#STAY1 {
  color: rgb(21, 136, 224) !important;
  /* border-bottom: 0.25rem solid transparent;
    border-bottom-color:rgba(52, 91, 247, 0.5); */
}
@media (max-width: 500px) {
  h1 {
    margin: 5%;
    font-size: x-large;
  }
  a:active {
    color: white;
  }
  .topnav {
    margin: 5%;
  }
  .topnav li a {
    margin: 10% 0%;
    font-size: medium;
  }
}