header, footer {
	color: black; /*teksti värrv*/
	background-color: LightBlue; /*tausta värv*/
	width: 45%; /*laius*/
	text-align: center;
	border: solid 4pt HotPink; /*piir - solid, dashed, dotted, double*/
	border-radius: 60px 120px 60px 120px;
	padding: 1%;
}
main section {
	background-color: LavenderBlush;
	border: solid 3pt HotPink;
	margin:5px;
	width: 25%;
	padding: 2%;
}
main section h2 {
	color: HotPink;
	font-variant: small-caps; /*normal*/
}
nav ul {
  list-style-type: none; /*loetelu markerid*/
  margin: 0;
  padding: 0;
  overflow: hidden; /*kuidas näidata nav elemendid*/
  background-color: PaleVioletRed;
}

nav li {
  float: left;
}

nav li a {
  display: block; /*ühe realine navbar*/
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none; /*underline*/
}

nav li a:hover { /*link fookuses*/ 
  background-color: Pink;
}

img{
    width: 25%;
}

section#pilt1{
  height: 22%;
  position: absolute;
  left: 30%;
  top: 21%;
}
section#pilt3{
  height: 23%;
  position: absolute;
  left: 30%;
  top: 52%;
}
section#jQuery h1{
  position: absolute;
  left: 10%;
  top: 0%;
} 
section#jQuery{
  height: 36%;
  padding: 7%;
  position: absolute;
  left: 60%;
  top: 21%;
}
div#tekst{
  border: 1px solid black;
  width: 45%;
  position: absolute;
  top: 13%;
  left: 5%;
}
div#koordinaadid{
  top : 100px;
}
#liblikas{
  top: 100px;
}
.menu {
  display: block;
  position: relative;
  height: 47px;
  width: 100%;
  background: PaleVioletRed;
  top: 10px;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu ul li {
  display: block;
  position: relative;
  float: left;
}

.menu li a {
  display: block;
  color: White;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: Pink;
}

.dropdown {
  display: none; /* Initially hidden */
  position: absolute;
  opacity: 0;
  background: PaleVioletRed;
  transition: all 0.3s ease;
  z-index: 1000; /* Ensure it's on top */
}

.menu li:hover > .dropdown {
  display: block; /* Show dropdown on hover */
  opacity: 1;
  top: 47px; /* Adjust the position if necessary */
  left: 0;
}