html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  color: white;
  background-color: black;
  background-image: url('/Images/blackboard.png');
  background-size: cover; /* nebo 'contain' podle potřeby */
  background-repeat: no-repeat;
  background-position: center center;
}


.prvek-se-stinem {
  /*color: black;*/ /* Barva samotného textu */
  filter: drop-shadow(0px 0px 5px silver); /* X, Y posun, rozostření, barva stínu */
}




li {
  color: white;
}

table, td, tr, td, a {
  color: whitesmoke;
  /*background-color: black;*/
}

a {
  margin-right: 10px;
}

.btn {
  /*background-color: whitesmoke;*/
  padding: 3px 4px;
  border: 2px solid transparent;
  color: whitesmoke;
}

  .btn:hover {
    color: whitesmoke;
    border: 2px solid whitesmoke;
  }

.btn-kulate {
  border-radius: 50%;
  /*width: 40px;*/ /* Nastavte požadovanou šířku a výšku */
  /*height: 40px;
  line-height: 34px;*/ /* Nastavte line-height tak, aby text byl vertikálně vycentrován */
  text-align: center; /* Vycentruje text horizontálně */
/*  margin-top: -10px;
  margin-bottom: -10px;
*/}

.btn-plus {
  background-color: rgba(0, 0, 255, 0.25)
}

.btn-minus {
  color: red;
  background-color: rgba(255, 0, 0, 0.25)
}

.btn-plus:hover {
  border: 2px solid blue;
}

.btn-minus:hover {
  border: 2px solid red;
}


.form-group{
  margin-bottom: 10px;
}


.horizontal-panel {
  display: flex;
  align-items: center; /* Přidáno pro vertikální centrování */
  overflow-x: hidden;
  margin-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0;
  /*background: linear-gradient(to right, #C5281C, #B11408);*/
  /*  border-width: 0px 0px 2px 0px;
  border-color: blue;

  border: 2px solid double;
*/
  /*background-color: yellow;*/
}

.top-bottom-minus {
  margin-top: -5px;
  margin-bottom: -5px;
}

@font-face {
  font-family: 'UpperClock';
  /*src: url('/fonts/Upper Clock Variable Solid.ttf') format('truetype');*/
  src: url('/fonts/UpperClockVariable.ttf') format('truetype');
}

.digital-clock {
  font-family: 'UpperClock', sans-serif;
}


/* styles.css */
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.blink {
  animation: blink 0.5s step-start infinite;
}