@charset "utf-8";
/* CSS Document */

.mySlides {
width: 100%;
height: 100%; 
overflow:hidden;	
display: none;
position: absolute;
opacity: 0;
transition: opacity 3s;
 }

img {
vertical-align: middle;
 }





.dropdown {
  display: inline-block;
  position: relative;
  z-index: 500;
cursor : pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  width: 100%;
  overflow: auto;
cursor : pointer;
}


.dropdown:hover .dropdown-content {
  display: block;
  background-color: #FAEBD7;
cursor : pointer;
}

.dropdown-content a {
  display: block;
  color: #000000;
  padding: 5px;
  text-decoration: none;
cursor : pointer;
}


.dropdown-content a:hover {
  color: #00FFFF;
  background-color: #FF0000 ;
cursor : pointer;
}





.newImage {
	border-radius: 25px;	
 	 padding: 8px;
	 border: 2px solid;
	 width: 500px;
 	 overflow: visible;
	 position:absolute;
     resize: both; }

.imageDiv {
	display: flex;
    gap: 7px;	
 	position:absolute;
	width: 100%;
	height: 250px;
	 border-width: medium;
	border-color: #000000;
 	 overflow:hidden;	
}

.imageDiv2 {
	display: flex;
    gap: 0px;	
 	position:relative;
	width: 100%;
	height: 100%;
}


.notImage{
	  display: inline-block;
	
}

.texty {
	display: flex;
    gap: 7px;	
 	position:absolute;
	width: 100%;
	height: 50px;
	 border-width: medium;
	border-color: #000000;
 	 overflow:hidden;	
	 }

.texty2 {
	display: flex;
 	position:absolute;
	width: 100%;
    height: 100%; 
	 border-width: medium;
	border-color: #000000;
 	 overflow:hidden;	
	
	}


button:hover {
      background-color: #00fbff;
      transition: 0.7s;
  }

.redBorder {
	
border: 1px solid #ff0000;
}

.coordinates-display {
  display:block;	
}

.circular--square { border-radius: 50%; }

.mainButtons{
	
	background-color: #ffffff;
	
	width: 100%;
	height: 35px;
}

.dropper{
	border-radius: 25px;	
 	 padding: 8px;
	 border: 2px solid;
	 width: 500px;
 	 overflow: visible;
	 position:relative;
}


@keyframes blink {
  from {
  border: 5px solid rgba(255, 0, 0, 0.7);
  }
  to {
border: 5px solid rgba(0, 0, 0, 0.2);  
	}
}

.blink {
  animation: blink 2000ms infinite;
}


.sliderz {
	    flex: 1;

  clear: both;
    width: 100%;
    height: 100%;
  list-style-type: none;
  text-align: center;
  animation: sliderz 15s linear infinite;
}

.sliderz p {
  line-height: 25px;
  width: 100%;
}




@keyframes sliderz {
  0% {
    transform: translateY(100%)
  }
  100% {
    transform: translateY(-100%)
  }
}

.sliderz:hover {
  animation-play-state: paused;
}