* {
    user-select: none;
}

html, body {
  overflow: hidden;
}

body {
  margin: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  -webkit-font-smoothing: antialiased;
}

canvas {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Montserrat', sans-serif;
}

.navbar {
  background-color: transparent;
  position: absolute;
  width: 100%;
}

.navbar-brand {
  font-size: x-large;
  color:  #ffb6c1;
}

.navbar-brand:hover {
  font-size: x-large;
  color:  #FF7F50;
}

.nav-item a {
  font-size: large;
  text-decoration: none;
  color:  #ffb6c1;
}

.nav-item a:hover {
  font-size: large;
  text-decoration: none;
  color:  #FF7F50;
}

.dropdown-menu {
  background-color: transparent;
}


.dropdown-menu a {
  background-color: transparent;
  font-size: medium;
  font-size: medium;
  text-decoration: none;
  text-decoration: none;
  color:  #ffb6c1;
}

.dropdown-menu a:hover {
  background-color: transparent;
  color: #FF7F50;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 182, 193, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border-color: rgb(255, 182, 193);
} 

.navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 127, 80, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler:hover {
  border-color: rgb(255, 127, 80);    
} 

.custom {  
  background-color: Transparent;
  color: #ffb6c1;
  border-color: #ffb6c1;
}

.custom:hover {
  background-color: Transparent;
  color: #FF7F50;
  border-color: #FF7F50;
} 

.custom:active {
  background-color: Transparent;
  color: white;
  border-color: white;
}

.custom:focus {
  background-color: Transparent;
  color: #ffb6c1;
  border-color: white;
  box-shadow: none;
}


.search {  
  background-color: Transparent;
  color: #ffb6c1;
  border-color: transparent;
}

.search:hover {
  background-color: Transparent;
  color: #FF7F50;
  border-color: transparent;
} 

.search:active {
  background-color: Transparent;
  color: white;
  border-color: white;
}

.search:focus {
  background-color: Transparent;
  color: #ffb6c1;
  border-color: white;
  box-shadow: none;
}

.bi-search {
  color: #ffb6c1;
}

.bi-search:hover {
  color: #FF7F50;
}

.footer {
  bottom: 0;
  width: 100%;
  position: absolute
}

.right {
  float:  right;
}

.left {
  float:  left;
  color:  white;
}