.navbar-brand {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
}
.tryb h3 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 900;
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}
.navbar-nav {
  font-family: 'Open Sans', sans-serif !important;
}
.tryb .img-fluid {
  filter: brightness(0.6);
}
body {
  background: #343434;
}
.tryb button {
  font-size: 13.5px;
}
.card.card-body.shadow-0 {
  background: #2c2c2c;
}
.tryb {
  position: relative;
}
.tryb a {
  opacity: 1;
  transition: 1s;
}
.tryb a:hover {
  opacity: 0.6;
}
.text-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.nav-link {
  font-size: 16px !important;
  margin-right: 25px !important;
}
.fa-nav {
  margin-right: 5px !important;
  font-size: 16px !important;
}
#logo {
  height: 200px;
}
#address {
  font-family: 'Open Sans', sans-serif !important;
}
.btn-lg {
  font-size: 20px !important;
}
#player {
  max-height: 370px;
}
h4 {
  font-family: 'Open Sans', sans-serif !important;
}
h3 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 900;
}
.btn-sm.bg-white {
  font-size: 14px;
}
.lead {
  font-size: 24px;
}
.page-header {
  background-image: url('https://media.tenor.com/b1F_qulGgSUAAAAC/minecraft-camel.gif');
}
.note {
  font-size: 20px;
}
.pulse {
  animation: pulse 3s infinite;
}
@keyframes pulse {
  100% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  0% {
      transform: scale(0.9);
  }
}
.blob {
  border-radius:50%;
  margin-top:6px;
  margin-right:18px;
  height:20px;
  width:20px;
  transform:scale(1);
  float:left;
}
.default {
  background: #4f4f4f;
  box-shadow: 0px 0px 10px #9e9e9e;
}
.green {
  background: #4ac187;
  animation:pulse-green 2s infinite;
}
@keyframes pulse-green{
  0% {
    transform:scale(.95);
    box-shadow:0 0 0 0 rgba(117, 197, 157, 1);
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 10px transparent;
  }
  100% {
    transform:scale(.95);
    box-shadow:0 0 0 0 transparent;
  }
}
.red {
  background:#ff5252;
  animation:pulse-red 2s infinite;
}
@keyframes pulse-red {
  0% {
    transform:scale(.95);
    box-shadow:0 0 0 0 rgba(255,82,82,.7);
  }
  70% {
    transform:scale(1);
    box-shadow:0 0 0 10px transparent;
  }
  100% {
    transform:scale(.95);
    box-shadow:0 0 0 0 transparent;
  }
}
.blobt {
  border-radius:50%;
  margin-top:5.5px;
  margin-right:15px;
  height:12px;
  width:12px;
  transform:scale(1);
  float:left;
}
@media(max-width:1399px) {
  #player {
    display:none
  }
}
@media(max-width:991px) {
  .min-vh-70 {
    min-height: 95vh !important;
  }
}
@media(max-width:767px) {
  .min-vh-70 {
    min-height: 105vh !important;
  }
}