@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');

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

body
{
    box-sizing: border-box;
    min-height: 100%;
    height: 100%;
    background-color: rgb(32, 33, 33);
    text-align: center;
}

.male_ikone {
    height: 30px;
    width: 30px;
}

h5, h4, h3, h2, h1, li {
  color: white;
}

.zbledi_not_animacija { 
  animation: zbledi_not 2.5s;
}

@keyframes zbledi_not {
  0% {opacity: 0;}
  100% {opacity: 100;}
}

button {
  color: white;
  border: none;
  background: none;
  padding: 0;
}

.table td:not(:last-child),
.table th:not(:last-child) {
  text-align: left;
}

table a {
  color: white;
  text-decoration: none;
}

table a:hover {
  color: white;
  text-decoration: none;
}
.my-btn {
  min-width: 185px;
  padding: 10px 20px;
}

p {
color: white;
}

.sekcijaOkvir {
  align-items: center;
  text-decoration: none;
  color: white;
  border-radius: 20px;
  border: 5px solid;
  overflow: hidden;
}

.okrogleSlike {
  border-radius: 50%;
}

.image-container {
  position: relative;
  display: inline-block;
  margin: 15px;
}

.picture-number {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(44, 44, 44, 0.7); /* Optional: add a background to make the number more visible */
  color: white;
  padding: 15px;
  font-size: 33px;
  font-weight: bold;
}