@import url('https://fonts.googleapis.com/css2?family=Share+Tech&display=swap');
body{
  font-family: "Share Tech", sans-serif;
  font-style: normal;
  background-color:#d5d7db;

}
#napisz{

  display:none;

}
#szkola,#szkolakup{
  width:400px;
  height:300px;
}
#punkty{
  margin-top:15px;
  color:green;
  display:none;
}
#porada{
  margin-top:15px;
  color:red;
  margin-top:10px;
}

#trawa,#trawakup{
  width:350px;
  height:350px;
  border-radius:400px; 
}
#ulepszenie,#ulepszeniekup{
border-radius:300px;
  width:300px;
  height:300px;

}
#cena,#plantacjaCena,#cechaPlantacja,#cechaSiano,#cechaSprzedaj,#iloscSiana,#udana,#nazwaNawoz,#cechaNawoz,#czyNawoz,#cechaChemia,#chemiaCena,#czyChemia,#nawozCena,#cechaMechanizacja,#mechanizacjaCena,#czyMechanizacja,#nazwaChemia,#nazwaMech,#nazwaSzkola,#cechaSzkola,#cenaSzkola,#poziomNauki,#cena10Gleb,#cena100Gleb,#cena1000Gleb,#liczbaGornik,#cenaGornik,#cenaKilof,#liczbaPoziomKilof,#cechaSzyb,#cechaGornik,#cechaKilof,#cenaSzyb,#liczbaPoziomSzyb{
  font-size:30px;
}

#rebirth,#rebirthkup{
  width:300px;
  height:300px;
}
#cenaKonewki,#cenaDzialki,#plantacjaCena{
  font-size:30px;
}
#cheseburger{
  display:none;
  width:300px;
  height:300px;
}
#poziomUlepszenia,#wielkoscDzialki,#plantacje{
  font-size:35px;
}
#ulepszenia{
  border: solid 2px black;
  border-radius:15px;
   background-color:#bcbec2;
   display:none;
}
#wiem,#usunPostemp,#startAuto,#koniecAuto{
  color:red;
  font-size:35px;
}
#wiem{
  margin-right:35px;
  margin-left:35px;
  width:300px;
  height:100px;
  margin-bottom:5px;
  border:2px solid black;
  border-radius:105px;
  transition-duration:1s;

}
#wiem:hover{
    color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px grey;
  transition-duration:0.5s;
}
#usunPostemp{
  margin-right:35px;
  margin-left:35px;
  width:300px;
  height:100px;
  margin-bottom:5px;
  border:2px solid black;
  border-radius:105px;
      transition-duration:1s;
display:none;
}
#usunPostemp:hover{
 color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px grey;
  transition-duration:0.5s; 
}
#poziomek{
  font-size:35px;
}
.powierzchnia{
  width:300px;
  height:300px;
  display:none;
}

#ogrodek{
   width:300px;
  height:300px;
}
#cenaOgrodka{
  font-size:30px;
}
#iloscOgrodkow{
  font-size:35px;
}
#zajac,#zajacKupiony{
  width:300px;
  height:300px;
    display:none;


}
#cechaZajac,#zajace{
display:none;
font-size:35px;
}
#zajacCena{
  display:none;
  font-size:30px;
}


#sianiwo{
  border: solid 2px gold;
  border-radius:15px;
   background-color:#bcbec2;
  margin-top:30px;
  display:none;
}
#liczbaSiana{
  font-size:50px;
    color:gold;

}
#nawozkup{
  display:none;
}
#chemiaKupiona,#mechanizacjaKupiona{
  display:none;
}
#startAuto,#koniecAuto,#napisz{
  margin-right:35px;
  margin-left:35px;
  width:300px;
  height:100px;
  margin-bottom:5px;
  border:2px solid gold;
  border-radius:105px;
  transition-duration:1s;
  color:red;
}
#startAuto:hover{
  color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:5px dashed orange;
  transition-duration:0.5s;
}
#koniecAuto:hover{
  color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px orange;
  transition-duration:0.5s;
}
#napisz:hover{
  color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:5px dashed orange;
  transition-duration:0.5s;
}
#pogoda{
  border:2px dotted aqua;
  border-radius:20px;
  background-color: #839dc7;
}
#pog-slonce,#pog-snieg,#pog-deszcz,#pog-burza,#pog-chmury,#pog-slochmu{
  width:300px;
  height:300px;
  display:none;
}
#ulepszeniekup,#rebirthkup,#ogrodekkup,#wymiaryNormalkup,#sianokup{
  display:none;
  width:300px;
  height:300px; 
}
#navi{
  display:block;
  position:sticky;
  top:0px;
   z-index:5;
background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 90%);
  padding:15px;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
display:none;
}
.nawigacja{
  font-size:15px;
  text-decoration:none;
  margin-right:10px;
  color:lime;
}
#trawakup{
  display:none;
}
#egzamin{
  display:none;
}
#czasDoKonca{
  font-size:30px;
  display:none;
}
#szkolakup{
  display:none;
}
#wynikExam{
  font-size:30px;
  display:none;
}
#koniecZa{
  color:grey;
}

#rasia,#rasiaKamien{
  margin-top:-350px;
  margin-left:50px;
  display:none;
}
#upgradeAll{
  display:block;
}
#otworzUlepsz,#otworzSiano,#zamknij{
  width:100px;
  height:100px;
}
#zamknij{
  display:none;
  border-radius:100px;
}
#roszrze{
   display:block;
  position:sticky;
  top:0px;
   z-index:5;
background: linear-gradient(90deg,rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 90%);
  padding:15px;
  border-top-left-radius:15px;
  border-top-right-radius:15px;
}
#ulepszeniaMasowokup10{
  display:none;
}
#ulepszeniaMasowokup100{
  display:none;
}
#ulepszeniaMasowokup1000{
  display:none;
}
#ulepszeniaMasowo1000,#ulepszeniaMasowo100,#ulepszeniaMasowo10,#ulepszeniaMasowokup1000,#ulepszeniaMasowokup100,#ulepszeniaMasowokup10{
  margin-right:35px;
  margin-left:35px;
  width:300px;
  height:100px;
  margin-bottom:5px;
  border:2px solid black;
  border-radius:105px;
  transition-duration:1s;
  font-size:35px;
}
#ulepszeniaMasowo1000:hover{
    color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px grey;
  transition-duration:0.5s;
}
#ulepszeniaMasowo100:hover{
    color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px grey;
  transition-duration:0.5s;
}
#ulepszeniaMasowo10:hover{
    color:red;
  font-size:30px;
  background:#57574f;
  border-radius:35px;
  cursor:pointer;
  opacity:75%;
  border:dashed 5px grey;
  transition-duration:0.5s;
}
#ulepszeniaMasowo1000,#ulepszeniaMasowo100,#ulepszeniaMasowo10,#otworzUlepsz,#otworzMonety,#zamknij:hover{
  cursor:pointer;
}
#trawa:hover{
  cursor:pointer;
}
#rasia:hover{
  cursor:pointer;
}
#trawakup:hover{
  cursor:pointer;
}
#mechanizacja,#mechanizacjaKupiona{
  width:300px;
  height:300px;
}
#wymiaryNormal{
  display: block;
}
#rebirth,#rebirthkup,#wymiaryNormal,#wymiaryNormalkup,#ogrodek,#ogrodekkup{
  border-top:#57574f double 2px;
  margin-top:15px;
}
#nazwaNawoz,#nazwaChemia,#nazwaMech,#nazwaSzkola{
   border-top:#57574f double 2px;
  margin-top:15px;
}
#nawozdo,#nawozkup{
  width:300px;
  height:300px;
}
#kamien,#wegiel,#srebro,#zloto,#wegielKlik,#srebroKlik,#zlotoKlik,#kamienKlik{
  width:350px;
  height:350px;
  border-radius:350px;
}
#wegiel,#srebro,#zloto,#wegielKlik,#srebroKlik,#zlotoKlik,#kamienKlik{
  display:none;
  border-radius:350px;
}
#kopka,#zamknijKamien{
  width:100px;
  height:100px;
}
#cenaKopalnia,#cechaKopalnia{
  font-size:35px;
}
#kopalniaEntrance{
  display:none;
}
#gornik{
  width:300px;
  height:300px;
}
#zamknijKamien{
border-radius:100px;
display:none;

}
#otworzKamienUlepsz{
  display:none;
  margin-left:30px;

}
#typowyKamien{
  display:none;
}
#rzeczyKopalniane{
  display:none;
}
#otworzKamienUlepsz,#zamknijKamien:hover{
  cursor:pointer;
}