body{
  /*background-image: url('media/school_01_only_school.png');
   background-size: 1800px;
   background-repeat: no-repeat;
   background-position: 390px 150px;*/
   background-color: rgb(255, 255, 255);
 }

 .bariscavusoglu {
   background-color: rgb(9, 255, 0);
   padding-left: 9px;
   padding-right: 9px;
   padding-top: 5px;
   padding-bottom: 5px;
   display: inline-block;
   position: absolute; 
   font-size: 18px;
   color: rgb(0, 0, 0);
   border:double;
   border-radius: 0px;
   font-family: 'Times New Roman', serif;
 }


 .e01 {
   background-color:rgb(226, 255, 122);
   display: inline-block;
   left: 200px;
   top: 600px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
 }
 .e01:hover {
   background-color:rgb(176, 176, 176);
   padding-left: 20px;
   padding-right: 20px;
   padding-top: 0px;
   padding-bottom: 0px; 
   left: 80px;
   top: 590px;
   font-size: 15px;
   border-radius: 30px;
   border:none;
   border-width: 2px;
   font-family: 'Times New Roman', serif;
   color:rgb(0, 30, 255);
   border-color: black;
   transform: scale(1, 4);
 }
 .e01 .e01_hover{
   display:none;
 }
 .e01:hover .e01_none {
   display: none;
 }
 .e01:hover .e01_hover {
   display: inline;
 }
 .e01:active {
   box-shadow: 4px 4px 10px rgb(0, 0, 0) inset;
 }

 .e02 {
   background-color:rgb(226, 255, 122);
   display: inline-block;
   left: 320px;
   top: 100px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
 }
 .e02:hover {
   background-image: url('../media/forest_bg.png');  /* Set the image URL */
   background-size: cover;  /* Make sure the image covers the entire button */
   background-repeat: no-repeat; 
   text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
   color:rgb(0, 4, 255);
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 0px;
   padding-bottom: 0px;
   left: 298px;
   top: 57px;
   font-size: 26px;
   border:none;
   border-width: 1px;
   font-family: 'Times New Roman', serif;
   border-radius: 0px 0px 0px 0px;
   border-color: black;
   transform: scale(1.2, 1.6);
 }
 .e02 .e02_hover{
   display:none;
 }
 .e02:hover .e02_none {
   display: none;
 }
 .e02:hover .e02_hover {
   display: inline;
 }
 .e02:active {
   box-shadow: 4px 4px 10px rgb(0, 0, 0) inset;
 }

 .e03 {
   background-color:rgb(226, 255, 122);
   display: inline-block;
   left: 270px;
   top: 750px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
 }
 .e03:hover {
   background-color:rgb(0, 30, 255);
   color:rgb(204, 255, 0);
   left: 230px;
   top: 680px;
   padding-top: 13px;
   padding-bottom: 20px;
   border-width: 3px;
   font-size: 16px;
   border:none;
   border-radius: 5px 5px 60px 60px;
   transform: scale(3, 1);
 }
 .e03 .e03_hover{
   display:none;
 }
 .e03:hover .e03_none {
   display: none;
 }
 .e03:hover .e03_hover {
   display: inline;
 }
 .e03:active {
   box-shadow: 4px 4px 10px rgb(0, 0, 0) inset;
 }

 .e04 {
   background-color:rgb(226, 255, 122);
   display: inline-block;
   left: 800px;
   top: 500px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
 }
 .e04:hover {
   background-color:rgb(255, 0, 0);
   color:rgb(255, 255, 255);
   left: 794px;
   top: 450px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border-width: 3px;
   font-size: 20px;
   border:none;
   border-radius: 0px 0px 0px 0px;
   transform: scale(5, 1);
 }
 .e04 .e04_hover{
   display:none;
 }
 .e04:hover .e04_none {
   display: none;
 }
 .e04:hover .e04_hover {
   display: inline;
 }
 .e04:active {
   box-shadow: 4px 4px 10px rgb(0, 0, 0) inset;
 }


.e05 {
  background-color:rgb(226, 255, 122);
  display: inline-block;
  left: 120px;
  top: 200px;
  position: absolute; 
  border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
}
.e05::before {
  content: "";
  position: absolute;
  top: -45px;
  left: -22px;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 50px solid #ff0000;
  display: none;
  z-index: -1;
}
.e05:hover {
  background-color: rgb(170, 170, 170);
  color: rgb(226, 255, 122);
  font-family: Garamond, serif;
  font-size: 20px;
  border:none;
  transform: scale(1.3, 3);
  left: 130px;
  top: 250px;
}

.e05:hover::before {
  display: block;
}

.e05 .e05_hover{
  display:none;
}
.e05:hover .e05_none {
  display: none;
}
.e05:hover .e05_hover {
  display: inline;
}
.e05:active {
  box-shadow: 4px 4px 10px rgb(0, 0, 0) inset;
}

.e06 {
  background-color:rgb(226, 255, 122);
   display: inline-block;
   left: 332px;
   top: 840px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:rgb(74, 74, 74);
 }
.e06:hover {
   background-color:rgb(255, 0, 0);
   color:rgb(251, 22, 255);
   left: 210px;
   top: 830px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border-width: 3px;
   font-size: 20px;
   border:none;
   border-radius: 0px 0px 0px 0px;
   transform: scale(5, 1);
}
.e06 .e06_hover{
   display:none;
}
.e06:hover .e06_none {
   display: none;
}
.e06:hover .e06_hover {
   display: inline;
}
.e06:active {
   box-shadow: 10px 10px 50px rgb(218, 255, 149) inset;
}



.p01 {
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 200px;
   top: 500px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:black
}
.p01:hover {
   background-color:rgb(255, 0, 225);
   color:rgb(0, 0, 255);
   padding-left: 30px;
   padding-right: 30px;
   padding-top: 0px;
   padding-bottom: 0px; 
   left: 140px;
   top: 490px;
   border-width: 0px;
   font-size: 20px;
   transform: scale(1, 5);
   border-radius: 0px 0px 0px 0px;
}
.p01 .p01_hover{
   display:none;
}
.p01:hover .p01_none {
   display: none;
}
.p01:hover .p01_hover {
   display: inline;
}
 .p01:active {
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
 }

 .p02 {
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 400px;
   top: 400px;
   position: absolute; 
   border-color: rgb(139, 139, 139);
   color:black
 }
 .p02:hover {
   background-color:rgb(0, 255, 0);
   color:rgb(255, 0, 0);
   padding: 10px;
   left: 340px;
   top: 390px;
   border-width: 3px;
   border-width: 0px;
   font-size: 19px;
   transform: scale(1, 1.5);
   border-radius: 0px 0px 0px 0px;
 }
 .p02 .p02_hover{
   display:none;
 }
 .p02:hover .p02_none {
   display: none;
 }
 .p02:hover .p02_hover {
   display: inline;
 }
 .p02:active {
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
 }


 .p03 {
   padding:auto;
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 660px;
   top: 200px;
   border:none;
   position: absolute;
   text-align: center;
   border-color: rgb(139, 139, 139);
   color:black
   
 }
 .p03:hover {
  color:rgb(255, 0, 0);
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 2px;
   padding-right: 2px;
   left: 600px;
   top: 170px;
   background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%);
   /*box-shadow: 0px 0px 2px 1px rgb(255, 0, 225);*/
   font-size: 15px;
   border-width: 1px;
   transform: scale(1, 3);
   border-color: rgb(0, 0, 0);
   border-radius: 150px 150px 0px 0px;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 .p03 .p03_hover{
   display:none;
 }
 .p03:hover .p03_none {
   display: none;
 }
 .p03:hover .p03_hover {
   display: inline;
 }
 .p03:active {
   box-shadow: 4px 4px 10px rgb(75, 75, 75) inset;
 }


 .p04 {
   padding:auto;
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 240px;
   top: 285px;
   border:none;
   position: absolute;
   text-align: center;
   border-color: rgb(139, 139, 139);
   color:black
 }
 .p04:hover {
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 20px;
   padding-right: 20px;
   top: 230px;
   left:170px;
   background-color:rgb(255, 0, 225);
   /*box-shadow: 0px 0px 2px 1px rgb(255, 0, 225);*/
   font-size: 20px;
   border-width: 1px;
   border-color: rgb(0, 0, 0);
   border-radius: 400px;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 .p04 .p04_hover{
   display:none;
 }
 .p04:hover .p04_none {
   display: none;
 }
 .p04:hover .p04_hover {
   display: inline;
 }
 .p04:active {
   box-shadow: 4px 4px 10px rgb(75, 75, 75) inset;
 }


 .p05 {
   padding:auto;
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 800px;
   top: 200px;
   border:none;
   position: absolute;
   text-align: center;
   border-color: rgb(139, 139, 139);
   color:black
 }
 .p05:hover {
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 10px;
   left: 750px;
   top: 180px;
   color:white;
   background-color:rgb(0, 0, 255);
   /*box-shadow: 0px 0px 2px 1px rgb(255, 0, 225);*/
   font-size: 20px;
   border-width: 1px;
   border-color: rgb(0, 0, 0);
   border-radius: 0px;
   transform: scale(1.5, 1);
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
 .p05 .p05_hover{
   display:none;
 }
 .p05:hover .p05_none {
   display: none;
 }
 .p05:hover .p05_hover {
   display: inline;
 }
 .p05:active {
   box-shadow: 4px 4px 10px rgb(75, 75, 75) inset;
 }


 .p06 {
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 415px;
   top: 100px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:black 
 }
 .p06:hover {
  background-color:rgb(255, 0, 111);
  color:rgb(0, 225, 255);
  padding: 2px;
  left: 370px;
  top: 60px;
  border-width: 3px;
  border-width: 0px;
  font-size: 19px;
  transform: scale(1, 1.5);
  border-radius: 0px 0px 0px 0px;
}
.p06 .p06_hover{
  display:none;
}
.p06:hover .p06_none {
  display: none;
}
.p06:hover .p06_hover {
  display: inline;
}
.p06:active {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
}




 .p07 {
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 800px;
   top: 300px;
   position: absolute; 
   border-color: rgb(139, 139, 139);
   color:black
 }
 .p07:hover {
  background-color:rgb(255, 0, 255);
  color:rgb(202, 202, 202);
  padding: 10px;
  left: 800px;
  top: 300px;
  border-width: 3px;
  border-width: 0px;
  font-size: 19px;
  transform: scale(1, 1.5);
  border-radius: 0px 0px 0px 0px;
  border-radius: 0px 40px 40px 0px;
}
.p07 .p07_hover{
  display:none;
}
.p07:hover .p07_none {
  display: none;
}
.p07:hover .p07_hover {
  display: inline;
}
.p07:active {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
}

 .p08 {
   background-color:rgb(215, 215, 215);
   display: inline-block;
   left: 800px;
   top: 400px;
   position: absolute; 
   border-color: rgb(139, 139, 139);
   color:black
 }
 .p08:hover {
  background-color:rgb(136, 0, 255);
  color:rgb(255, 255, 255);
  padding: 2px;
  left: 800px;
  top: 400px;
  border-width: 3px;
  border-width: 0px;
  font-size: 19px;
  transform: scale(4, 1);
  border-radius: 0px 0px 0px 0px;
  text-shadow: 0 0 3px #000000, 0 0 5px #000000;
}
.p08 .p08_hover{
  display:none;
}
.p08:hover .p08_none {
  display: none;
}
.p08:hover .p08_hover {
  display: inline;
}
.p08:active {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
}

 .bio {
   background-color:rgb(255, 255, 255);
   z-index: 1;
   display: inline-block;
   padding: 40px;
   border-radius: 20px;
   margin-left: 450px;
   margin-top: 500px;
   position: absolute;
   border: solid;
   border-width: 2px;
   border-color: rgb(111, 111, 111);
   color:black
 }
 .bio:hover{
   background-color:rgb(226, 255, 122);
   color:rgb(72, 72, 72);
   border-color: black;
 }
 .bio:active {
   box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25) inset;
 }
 .bio .bio_hover{
   display:none;
 }
 .bio:hover .bio_none {
   display: none;
 }
 .bio:hover .bio_hover {
   display: inline;
 }

 .contact {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   left: 120px;
   top: 400px;
   position: absolute; 
   border-color: rgb(139, 139, 139);
   color:black
 }
 .contact:hover {
   background-color:rgb(0, 229, 255);
   display: inline-block;
   left: 120px;
   top: 400px;
   position: absolute;
   border:hidden;
   transform:scale(1.5, 9);
 }

 .press {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   left: 650px;
   top: 750px;
   position: absolute; 
   border-color: rgb(139, 139, 139);
   color:black
 }
 .press:hover {
  padding: 0px;
  left: 630px;
  top: 742px;
  background-color:rgb(0, 255, 0);
  color:rgb(186, 52, 181);
  font-size: 20px;
  border-width: 0px;
  border-color: rgb(0, 0, 0);
  border-radius: 50px;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  transform: scale(3, 6);
}
.press .press_hover{
  display:none;
}
.press:hover .press_none {
  display: none;
}
.press:hover .press_hover {
  display: inline;
}
.press:active {
  box-shadow: 4px 4px 10px rgb(75, 75, 75) inset;
}


 .randomise {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   margin-left: 340px;
   margin-top: 200px;
   position: absolute;
   border-color: rgb(139, 139, 139); 
   color:black
 }
 .randomise:hover{
  background-color:rgb(226, 255, 122);
     color:rgb(72, 72, 72);
}

 .reset_randomise {
  background-color:rgb(255, 255, 255);
  display: inline-block;
  margin-left: 340px;
  margin-top: 240px;
  position: absolute;
  border-color: rgb(139, 139, 139); 
  color:black
}
.reset_randomise:hover{
  background-color:rgb(226, 255, 122);
  color:rgb(72, 72, 72);
}

 .color {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   left: 570px;
   top: 400px;
   position: absolute;
   border-color: rgb(139, 139, 139);
   color:black;
 }
 .color:hover{
  color:rgb(72, 72, 72);
}


  .randomLoc {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   margin-left: 340px;
   margin-top: 160px;
   position: absolute;
   border-color: rgb(139, 139, 139); 
   color:black
 }
 .randomLoc:hover{
  background-color:rgb(226, 255, 122);
     color:rgb(72, 72, 72);
}



  .randomNoise {
   background-color:rgb(255, 255, 255);
   display: inline-block;
   margin-left: 338px;
   margin-top: 320px;
   position: absolute;
   border-color: rgb(139, 139, 139); 
   color:black
 }
 .randomNoise:hover{
  background-color:rgb(226, 255, 122);
  color:rgb(72, 72, 72);
}
 



 .randomFontButton {
  font-size: 24px;
  padding: 10px 20px;
  margin-left: 570px;
  cursor: pointer;
  border: 2px solid #000;
  background-color: #fff;
  transition: all 0.3s ease;
}

.randomFontButton span {
  display: inline-block;
  transition: font-family 0.2s ease;
}


#ll-label-layer{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:9999;
}

.ll-label{
  position:absolute;
  transform:translate(-50%,-50%);
  font-family:'Times New Roman', serif;
  font-size:14px;
  color:black;
  white-space:nowrap;
  user-select:none;
}