.index-css {background-color: powderblue;}
.index-css h1 {text-align:center; color: green;font-size: 60px}
.index-css h2{color:grey; text-align: center; font-size: 45px}
.index-css table{border-color: blue;}

.index-css .nav {display: flex;
	 justify-content: center;
	gap: 30px;
	background:powderblue  ;
	padding: 10px;
	}

.index-css .nav a {color: grey;
	 font-size: 22px;
	 font-weight: bold;
	 padding: 20px;
	 border-radius: 20px;}

.index-css .nav a:hover {text-decoration: underline; color: green;}

.index-css .button{
  display: inline-block;
  border: 2px solid green;
  border-radius: 12px;
  background-color: turquoise;
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
  margin: 30px;
}

.index-css .button:hover{
  background-color: lightblue;
  color: red;
}

.index-css h3{text-align: center; font-size:35px;}
.index-css h4{text-align: center; font-size:20px;}

.index-css .slika-index{
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 70px;
}

.index-css .slika-index img{
  display: block;
  width: 100%;
  height: auto;
}

.index-css .slika-tekst{
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: flex-start;
  padding-top: 20px;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background: rgba(0,0,0,0.35);
  color: white;
  font-size: 35px;
  font-weight: 600;
  padding: 20px;
}

.index-css h5{font-size:45px;}

.spletne-strani .nav {display: flex;
	 justify-content: center;
	gap: 30px;
	background:powderblue  ;
	padding: 10px;
	}

.spletne-strani .nav a {color: grey;
	 font-size: 22px;
	 font-weight: bold;
	 padding: 20px;
	 border-radius: 20px;}

.spletne-strani .nav a:hover {text-decoration: underline; color: green;}

.spletne-strani .button{
  display: inline-block;
  border: 2px solid green;
  border-radius: 12px;
  background-color: turquoise;
  font-size: 18px;
  font-weight: 200;
  text-decoration: none;
  cursor: pointer;
  transition: 0.2s;
  margin: 15px;
}

.spletne-strani .button:hover{
  background-color: lightblue;
  color: red;
}

.spletne-strani h1{color:grey; text-align: center; font-size: 45px;}
.spletne-strani h2{text-align: center; font-size: 37px; color: grey;}
.spletne-strani{font-family: Arial, sans-serif;}

.spletne-strani p{
	font-size: 20px;
    text-align: center;
    margin: 45px auto;
    background-color: powderblue;
    padding: 30px;
    border-radius: 40px;
    color: rgb(16, 43, 84);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.385);
	max-width: 800px;
}

.spletne-strani .slika{
	text-align: center;
}
.spletne-strani .slika img{
	border-radius: 50px;

}

.button.active{
  pointer-events: none;
  background: lightblue;
  border-color: green;
  opacity: 1;
}

.povezave{
  text-align: center;
  margin: 30px auto;
}

.povezave a.button.sosolci{
  background-color: white;
  color: blue;
  border: 2px solid blue;
  font-size: 38px;
  font-weight: 400;
  padding: 18px 18px;
  border-radius: 20px;
  margin: 30px;
}

.povezave a.button.sosolci:hover{
  background-color: blue;
  color: white;
}