@import url("colors.css");
@font-face {
  font-family: Comfortaa;
  src: url(../fonts/Comfortaa.ttf);
}
.navbarCss{
  background: var(--color1);
  color:white;
  /*border-radius:
                24px
                24px
                24px
                24px
                ; */

}
.navbar-toggler-icon{
  box-shadow: 0px 0px 5px #ffff;
  border-radius:50%;
  color:white;
  font-size:70%;
  background-image: linear-gradient(to right, var(--color1), var(--color2));
}
.navbarCss a{
  color:gray

}



.btn-success{
  background: #37003D;
  border:1px solid #37003D;
  box-shadow: 0px 0px 4px black;
}
.btn-danger{
  background: var(--color2);
  border:1px solid var(--color2);
  box-shadow: 0px 0px 4px black;
}
.soundicon{
  width:104px;
}

.navbarBottom{
  border-radius: 12px;
  box-shadow: 0px 0px 8px black;
}