@font-face {
  font-family: "PhilosykosRegular";
  src: url("../libs/Philosykos/Philosykos-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "PhilosykosBold";
  src: url("../libs/Philosykos/Philosykos-Bold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}

.btn_main {
    animation: float 3s ease-in-out infinite;
}

#buques .vermelho.ativo {
  background-color: #ffc6b7;
  border: 1px solid #ffc6b7;
  color: #64060f;
}

#buques .azul.ativo {
  background-color: #c0daf6;
  border: 1px solid #c0daf6;
  color: #1c2a41;
}

#buques .verde.ativo {
  background-color: #d9eacb;
  border: 1px solid #d9eacb;
  color: #181e15;
}

#buques .marrom.ativo {
  background-color: #f7c59c;
  border: 1px solid #f7c59c;
  color: #381d0d;
}

#buques .lilas.ativo {
  background-color: #ead7f4;
  border: 1px solid #ead7f4;
  color: #2a1d29;
}

#dgame {
	background: #620000;
	background: linear-gradient(90deg, rgba(98, 0, 0, 1) 0%, rgba(86, 0, 0, 1) 100%);
}