body {
  margin: 0;
  padding: 0;
  width: 100dvw;
  height: 100dvh;
  overflow: hidden;
}

* {
  box-sizing: border-box;
}

p {
  margin: 0;
  color: rgb(255, 255, 255);
}

h1{
  font-size: 100px;
  margin: 0;
  color: white;
  animation: jumpy 10s linear infinite;
} 

h2 {
  font-size: 30px;
  margin: 0;
  color: white;
}

.CELA_STRAN {
  background: radial-gradient(
    circle,
    rgb(44, 44, 44) 0%,
    rgba(10, 10, 10, 1) 100%
  );
  width: 100%;
  height: 100%;
}

.navadni_gumbek {
  --barva: rgb(0, 255, 191);

  color: var(--barva);
  background-color: transparent;
  width: 150px;
  height: 60px;
  border: var(--barva) 2px solid;
  border-radius: 10px;
}

/* Ko hoveram cez gumb */
.navadni_gumbek:hover {
  --barva: #fff;
}

/* Ko kliknem na gumb */
.navadni_gumbek:active {
  background-color: rgba(67, 67, 67, 0.524);
}

.nav {
  display: flex;
  width: 100%;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.034);
  align-items: center;
  justify-content: space-between;
}

.logo {
  height: 60px;
  width: 60px;
  animation: spin 10s linear infinite;
}

.levo_zgorej {
  margin: 10px;
  margin-left: 30px;
}

.desno_zgorej {
  margin: 10px;
  margin-right: 30px;
  display: flex;
  gap: 15px;
}

.vsebina {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100% - 80px);
}

.link {
  color: rgb(0, 255, 191);
}

/* -- Animacije -- */
@keyframes spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }


}

@keyframes jumpy {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(10);
  }


}