html, body {
  font-family: "monospace", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: rgb(55, 16, 154);
}

h1, h2, h3, h4, h5 {
  font-family: "Doto", sans-serif;
  color: rgb(255, 255, 201);
}

p {
  color: rgb(255, 255, 201);
}

.background-video {
  position: fixed;
  top: 0;

  width: 100vw;
  height: auto;

/*  min-width: 100%;
  min-height: 100%;*/

  overflow: hidden;
}

.lightblue-box {
  font-family: "courier", sans-serif;
  font-size: 1.25em;
  background-color: lightblue;
  width: fit-content;
}

.navbar {
  font-family: "Doto", sans-serif;
}

.nav-link {
  border-radius: 2em;
  text-decoration: none;
  color: rgb(55, 16, 154);
  background: rgb(255, 255, 201);
  border: 2px solid #f2a4c3;
}

.nav-link:hover {
  background: #ff3683;
  color: rgb(255, 255, 201);
  transition-duration: 0.4s;
}

.nav-link:visited {
  text-decoration: none;
}

.nav-link.active {
  background: #ff3683;
  color: rgb(255, 255, 201);
}

#btn-group-language {
  background-color: #f2a4c3;
  border-radius: 2em;
}

.btn-language-selection {
  border-radius: 2em;
  --bs-btn-active-color: #eeeac6;
  --bs-btn-active-bg: #ff3683;
  --bs-btn-active-border-color: none;
  font-family: "courier", sans-serif;
  font-size: 1em;
}

.navbar-toggler {
  height: 3em;
  background-color: #f2a4c3;
  --bs-border-width: 1px;
  --bs-navbar-toggler-border-color: none;
  --bs-navbar-toggler-border-radius: 2em;
  --bs-navbar-toggler-focus-width: 0; /* how thick is the focus border */
}

.gallery-element {
  border: 1px solid rgba(255, 255, 201, 0.5);
}

.gallery-element:hover {
  border: 1px solid rgba(255, 255, 201, 1);
  transition-duration: 0.4s;
}

.caption {
  color: rgb(255, 255, 201);
  font-family: "courier", sans-serif;
  font-size: 0.8em;
  text-align: center;
  margin-top: 0.25rem;
}

.nav-pills {
    top:100px;
    position: fixed;
  }
.col-sm-9 div {
    height: 250px;
    font-size: 28px;
  }
  
  
#myBtnTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  left: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  background-color: rgba(0,0,0,0);

}

#myBtnTop:hover {
  background-color: rgba(0,0,0,0); /* Add a dark-grey background on hover */
}

@media only screen and (max-width: 600px) {
    .embed-responsive-item {
     width: 200px;
     height: auto;
  }
    
}