@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  /* nuh uh */
  padding: 0;
  background-color: #e4e5f1;
  scroll-behavior: smooth;
}

.glavno {
  background: url(icons/gsmskola.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zajedno {
  display: flex;
  justify-content: left;
  flex-direction: column;
  padding: 0;
  margin: 0;
}

.glavniTekst {
  font-size: 7.5vw;
  font-family: "Rubik Mono One", monospace;
  color: #484b6a;
  margin: 0;
}

.PARTIC {
  display: flex;
  flex-direction: column;
  margin: 3vh;
}
.ONAJDEO {
  justify-content: center;
  align-items: center;
}

.svezaj {
	display: flex;
	flex-direction row;
}

.deoLevo {
  display: flex;
  flex-direction: column;
  justify-content: left;
  width: 50%;
}

.deoDesno {
  display: flex;
  flex-direction: column;
  justify-content: right;
  width: 50%;
}

.dijalog {
  color: #fafafa;
  font-family: "Rubik Mono One", monospace;
  font-size: 1.5vw;
}

.big {
  color: black;
  font-family: "Rubik Mono One", monospace;
  font-size: 1.5vw;
  margin: 0;
}

.small {
  color: black;
  font-family: 'Roboto', sans-serif;
  font-size: 1.2vw;
  margin: 0;
}


.deskripcija {
  font-size: 2.5vw;
  margin-top: 0;
  margin-left: 1vh;
}

.btn {
  color: #fafafa;
  font-family: 'Roboto', sans-serif;
  background-color: #484b6a;
  padding-top: 1.25vw;
  padding-bottom: 1.25vw;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  margin-top: 15vw;
  margin-left: 1vh;
  font-size: 1.25vw;
  border-radius: 1vh;
}

.infobar {
  background-color: #fafafa;
  height: 55%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.infobar2 {
  background-color: #e4e5f1;
  height: 55%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.infobar0 {
  margin-top: 7.5vw !important;
  height: 30vw;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.slika {
  width: 10vw;
}

.dodatno {
  font-size: 4vw;
}

.tekstStil {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.tekstStilW {
  color: #fafafa;
  font-family: 'Roboto', sans-serif;
}

.credits {
  font-size: 1.3vw;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  margin: 50;
  text-align:center
}

.temp {
  vertical-align: bottom;
  font-size: 1.3vw;
  font-family: "Roboto", sans-serif;
  color: #ffffff;
  margin: 12;
  text-align:center
}

.vodic {
  font-size: 1.5vw;
  margin-top: 0;
  margin-left: 1vh;
}

.nm {
  margin: 0;
}

.ldProstor {
  background-color: #484b6a;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dt {
  width: 70%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.al {
  text-align: left;
}

.ar {
  text-align: right;
}

.slika0 {
  width: 30vw;
}

.kraj {
  background-color: #484b6a;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80%;
  flex-direction: column;
}

/*c vitamin pola pola magnezijum?