@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');


*{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

body{
  background-color: rgb(255, 255, 255);
}

.container {
  height: 100vh;
  background-size: 101% 100%;
  background-repeat: repeat;
}


/*bas*/

.bas{
  width: 1200px;
  height: 350px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas .u{
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  text-align: center;
  margin-top: 1rem;
  margin-left:2rem;
  font-weight: bold;
 }

 .bas .u2{
  text-align: center;
  margin-left:2rem;
  font-family: 'Bebas Neue', sans-serif;
 }


 .bas .u2 b{
 text-align: center;
 }



/*bas3*/

.bas3{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas3 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left:2rem;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas3 .u2{
  font-weight: bold;
  font-family: inherit;
  margin-left:18rem;
  margin-top: -14%;
 }

 .bas3 .u3{
  color: rgba(0, 0, 0, 0.719);
  margin-left:18rem;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas3 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }



/*bas4*/

.bas4{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas4 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas4 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:20rem;
  margin-top: -13%;
 }

 .bas4 .u3{
  margin-left:20rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas4 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.719);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }







 /*bas5*/

.bas5{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas5 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas5 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:20rem;
  margin-top: -10%;
 }

 .bas5 .u3{
  margin-left:20rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas5 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }




 /*bas6*/

 .bas6{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas6 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas6 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:20rem;
  margin-top: -10%;
 }

 .bas6 .u3{
  margin-left:20rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas6 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }



 /*bas7*/

 .bas7{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas7 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas7 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:24rem;
  margin-top: -10%;
 }

 .bas7 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas7 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }


/*bas8*/

.bas8{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas8 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas8 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:24rem;
  margin-top: -15%;
 }

 .bas8 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas8 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }



/*bas9*/

.bas9{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas9 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas9 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:24rem;
  margin-top: -15%;
 }

 .bas9 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas9 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }





/*bas10*/

.bas10{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas10 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas10 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:24rem;
  margin-top: -10%;
 }

 .bas10 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas10 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }



 /*bas11*/

.bas11{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas11 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas11 .u2{
  font-family: inherit;
  font-weight: bold;
  margin-left:24rem;
  margin-top: -15%;
 }

 .bas11 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas11 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }


  /*bas12*/

.bas12{
  width: 1200px;
  height: 200px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 30px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas12 .u{
  font-size: 20px;
  margin-top: 1rem;
  margin-left: 10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas12 .u2{
  font-weight: bold;
  font-family: inherit;
  margin-left:24rem;
  margin-top: -15%;
 }

 .bas12 .u3{
  margin-left:24rem;
  color: rgba(0, 0, 0, 0.719);
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
 }


 .bas12 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
  font-family: cursive;
  border-radius: 5px;
 }


  /*bas13*/

  .bas13{
    width: 1200px;
    height: 200px;
    background-color: #fafafa;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-left: 30px;
    margin-top: 50px;
    box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
  
  
  .bas13 .u{
    font-size: 20px;
    margin-top: 1rem;
    margin-left: 10px;
    font-family: 'Bebas Neue', sans-serif;
   }
  
   .bas13 .u2{
    font-weight: bold;
    font-family: inherit;
    margin-left:24rem;
    margin-top: -15%;
   }
  
   .bas13 .u3{
    margin-left:24rem;
    color: rgba(0, 0, 0, 0.719);
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   }
  
  
   .bas13 .u3 a{
    box-shadow: 0px 1px black,2px 1px black;
    font-size: 20px;
    color: rgb(0, 0, 0);
    background-color: rgb(0, 217, 255);
    line-height: 40px;
    font-family: cursive;
    border-radius: 5px;
   }












/*table*/ 

table,th,td{
  border: 1px solid rgba(0, 0, 0, 0.301);
} 

table {
  background-color:  #ffffff;
  margin-left: 80px;
  margin-top: -635px;
  width: 90%;
  border-collapse: collapse;
  box-shadow:2px 2px 3px 0px rgb(0, 155, 46),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

table tr th {
  height: 10vh;
  background-color: #00ccfffa;
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 


table tr td{
  height: 5vh;
}


table tr td c{
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;   
  font-size: 20px;
  height: 2vh;
  margin-left: 40%;
  color: rgb(0, 0, 0);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.719),0 1px rgb(255, 255, 255), 2px 2px 2px rgb(255, 255, 255);
}




table tr td d{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  margin-left: 39%;
  color: rgb(0, 0, 0);
}

table tr td a{
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  margin-left: 38%;
  color: rgb(0, 0, 0);
  background-color: aqua;
  border-radius: 20px;
}

table tr td l{
  font-family: Arial, Helvetica, sans-serif;
  margin-left: 46%;
  color: rgb(0, 0, 0);
}



table .sd{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  background-color: white;
}



/*disney*/

.aciklama{
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
text-align: center;
width: 1200px;
height: 200px;
background-color: #fafafa;
border: 1px solid #ffffff;
border-radius: 5px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
margin-left: 50px;
margin-top: 50px;
box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}

.aciklama h1{
  color: #141414;
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(0, 0, 0), 2px 2px 2px rgb(0, 0, 0);
}



.aciklama .ac{
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(255, 255, 255), 2px 2px 2px rgb(160, 160, 160);
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  line-height: 20px;
  text-align: center;
}



.aciklama2{
  text-align: center;
  width: 1200px;
  height: 350px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 50px;
  margin-top: 220px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
.aciklama2 h1{
  color: #141414;
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(0, 0, 0), 2px 2px 2px rgb(0, 0, 0);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
  
  

div .ac2{
  
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(255, 255, 255), 2px 2px 2px rgb(160, 160, 160);
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  line-height: 15px;
  
}








/** MAĞAZA**/
.kutu3 {
  width: 300px;
  height: 300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 50px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu3 .baslik {
  padding: -1%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(255, 6, 6);
}

.kutu3 .icerik {
  font-size: 14px;
}

.kutu3 .ol{
  color: white;
}

.kutu3 .ol h1{
  color: blue;
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu3 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}

/* kutu4 */

.kutu4 {
  width: 300px;
  height: 300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 500px;
  margin-top: -360px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu4 .baslik {
  padding: -1%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(255, 6, 6);
}

.kutu4 .icerik {
  font-size: 14px;
}

.kutu4 .ol{
  color: white;
}

.kutu4 .ol h1{
  color: rgb(184, 17, 17);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu4 .ol .a{
  background-color: red;
}
.kutu4 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}

/*kutu5*/

.kutu5 {
  width: 300px;
  height:300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: +930px;
  margin-top: -360px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu5 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -10%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
  margin-left: 50px;
  margin-top: -10px;
}

.kutu5 .icerik {
  font-size: 4px;
}

.kutu5 .ol{
  color: white;
  text-shadow: black;
}

.kutu5 .ol h1{
  color: rgb(0, 89, 255);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu5 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}

/*kutu6*/

.kutu6 {
  width: 300px;
  height: 220px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 55px;
  margin-top: +100px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu6 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-left: 40px;
  margin-bottom: 10px;
  color: rgb(150, 23, 23);
}

.kutu6 .icerik {
  font-size: 14px;
}

.kutu6 .ol{
  color: white;
}

.kutu6 .ol h1{
  color: rgb(189, 23, 23);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu6 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}

/*kutu7*/

.kutu7 {
  width: 300px;
  height: 250px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 500px;
  margin-top: -350px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu7 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
}

.kutu7 .icerik {
  font-size: 14px;
}

.kutu7 .ol{
  color: white;
}

.kutu7 .ol h1{
  color: rgb(255, 202, 30);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu7 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}

/*kutu8*/

.kutu8 {
  width: 300px;
  height: 250px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: +930px;
  margin-top: -310px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu8 .baslik{
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
}

.kutu8 .icerik {
  font-size: 14px;
}

.kutu8 .ol{
  color: white;
}

.kutu8 .ol h1{
  color: rgb(25, 162, 167);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 

.kutu8 .ol h4{
  text-shadow: 1px 1px 3px rgb(107, 101, 101),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(110, 107, 107);
}


/*mağzaBİTİŞ*/

.container .navbar{
  width: 100%; 
  height: 85px;
  background: rgba(54, 53, 53, 0.918);
  justify-content: space-around;
  box-shadow: 0 1px 16px 0 rgb(167, 164, 164);
}

.navbar #menuBtn{
display: none;
}

.navbar .menuBtn{
font-size: 2rem;
color: rgb(235, 235, 235);
float: right;
line-height: none;
margin-right: 2.5rem;
line-height: 80px;
}

.navbar .ucretsizhesap{
  display: inline-block;
  margin-left: 50px;
  margin-top: 20px;
  font-family: 'Bebas Neue', sans-serif;
}
.navbar ul{
  float:right;
  margin-right: 20px; 
}



.navbar .ucretsizhesap a{
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(97, 96, 96), 2px 2px 2px white;
  font-weight: bold;
  text-decoration: none;
  font-size: 23px;
  font-family: sans-serif;
  color: rgb(255, 255, 255);
  border-radius: 50px;
}

.navbar ul li{
  list-style: none;
  display: inline-block;
  margin: 0 8px;
  line-height: 80px;
}

.navbar ul li a{
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(97, 96, 96), 2px 2px 2px rgb(104, 100, 100);
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-size: 16px;
  padding: 6px 13px;
  font-family: 'Open Sans', sans-serif;  ;
  transition: 0.3s;
  position: sticky;
  top: 0%;
  border-bottom: 0.2rem solid transparent; 
}

.navbar ul li a.active,
.navbar ul li a:hover{
 border-color: black;
 padding-bottom: 0.5rem;
}




.ol{
  text-align: center;
  top: 20%;
  left: 16%;
}

.ol li a{
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: black;
  border-radius: 100px;
}
.ol li b{
  text-decoration: none;
  color: rgb(255, 7, 7);
  background-color: black;
  border-radius: 100px;
}
 .ol li i{
  color: white;
 }
 .ol3 {
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.ol3 li a{
  text-shadow: 1px 1px 3px white,0 1px wheat, 2px 2px 2px white;
  font-size: 50px;
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.ol3 li b{
  font-size:20px;
  text-decoration: none;
  color: rgb(255, 7, 7);
  background-color: black;
  border-radius: 100px;
}

/** en alt kısım **/
    .footer{
      position: fixed;
      left: 0px;
      bottom: 0px;
      width: 100%;
      background-color: #303030; 
      color: white;
      text-align: center;
    }

 
        /** MEDİA */

  @media (max-width:1050px){

    .container .navbar{
      width: 100%; 
      height: 85px;
      background: rgba(54, 53, 53, 0.89);
      justify-content: space-around;
      box-shadow: 0 1px 16px 0 white;
    }



    .navbar .menuBtn{
      display: initial;
    }
    .navbar ul{
      border-radius: 35px;
      position: fixed;
      background:  rgb(54, 53, 53);
      width: 100%;
      height: calc(100vh-80px);
      top: 80px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all.4s;
      left: -100%;
    }
    .navbar ul li{
      display: block;
      min-width: 80%;
      text-align: center;
      line-height: 5rem;
    }
    .navbar ul li a{
      display: block;
      font-size: 1.2rem;
      color: white;
      text-decoration: none;
      font-size: 16px;
      padding: 6px 13px;
      font-family: 'Open Sans', sans-serif;  ;
      transition: 0.3s;
      position: sticky;
      top: 0%;
      border-bottom: 0.2rem solid transparent; 
    }
    .container .center {
      position: absolute;
      top: 20%;
      left: 25%;
      transform: translate(-10%-10%);
      font-family: sans-serif;
    }
  
    .center h1{
      color: rgb(0, 0, 0);
      font-family: Russo One, sans-serif;
      font-size: 45px;
      font-weight: bold;
      width: 10px;
      text-align:left ;
      animation: glow 0.11s ease-in-out infinite alternate;
    }

    
    .center h3{
      backface-visibility: 10% 10;
      color: rgb(255, 7, 7);
      font-size: 22px;
      font-weight: bold;
      width: 90px;
      text-align: center;
    }
      

    .navbar .ucretsizhesap a{
      text-decoration: none;
      font-size: 25px;
      font-family: sans-serif;
      color: rgb(255, 255, 255);
      border-radius: 100px;
    }

    
  .navbar .ucretsizhesap{
    display: inline-block;
    margin-left: 36px;
    margin-top: 23px;
  }

      .navbar #menuBtn:checked ~ ul{
      left: 0;
    }
    .navbar #menuBtn:checked ~ label.menuBtn i::before{
      content: "\f00d";
      box-shadow: 0 20px 50px white;
      border-radius: 0px;
    }



    .kutu {
      width: 350px;
      height: 300px;
      background-color: #303030;
      border: 1px solid #3d3d3d;
      border-radius: 10px;
      padding: 0px;
      margin-bottom: 20px;
      box-shadow: 10 10px 5px white;
      margin-left: 0.5px;
      margin-top: 25px;
      box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
    }
    
    .kutu .baslik {
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      color: rgb(255, 6, 6);
    }
    
    .kutu .icerik {
      font-size: 18px;
    }
    
    /** en alt kısım **/
    .footer{
      position: fixed;
      left: 0px;
      bottom: 0px;
      width: 100%;
      background-color: #303030; 
      color: white;
    }


   


    /** duyuru **/
    .kutu2 {
      width: 300px;
      height: 80px;
      background-color: #303030;
      border: 1px solid #3d3d3d;
      border-radius: 5px;
      padding: 20px;
      margin-bottom: 20px;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      margin-left: 2rem;
      margin-top: 50px;
    }
    
    .kutu2 .baslik {
      text-align: center;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px;
      color: rgb(255, 6, 6);
    }
    
    .kutu2 .icerik {
      font-size: 14px;
    }
    
    .kutu2 .ol{
      color: white;
    }

    .ol{
      text-align: center;
      top: 20%;
      left: 16%;
    }
    
    .ol li a{
      text-decoration: none;
      color: rgb(255, 255, 255);
      background-color: black;
      border-radius: 100px;
    }
    .ol li b{
      text-decoration: none;
      color: rgb(255, 7, 7);
      background-color: black;
      border-radius: 100px;
    }
     .ol li i{
      color: white;
     }
     .ol3 {
      text-align: center;
      text-decoration: none;
      color: rgb(255, 255, 255);
    }
    
    .ol3 li a{
      
      font-size: 30px;
      text-shadow: 1px 1px 3px white,0 1px wheat, 2px 2px 2px white;
      text-decoration: none;
      color: rgb(0, 0, 0);
    }
    
    
    .ol3 li b{
      font-size:15px;
      text-decoration: none;
      color: rgb(255, 7, 7);
      background-color: black;
      border-radius: 100px;
    }


    /** MAĞAZA**/
.kutu3 {
  width: 300px;
  height: 300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu3 .baslik {
  padding: -1%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(255, 6, 6);
}

.kutu3 .icerik {
  font-size: 14px;
}

.kutu3 .ol{
  color: white;
}

.kutu3 .ol h1{
  color: rgb(0, 0, 255);
} 

  

/* kutu4 */

.kutu4 {
  width: 300px;
  height: 300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu4 .baslik {
  padding: -1%;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(255, 6, 6);
}

.kutu4 .icerik {
  font-size: 14px;
}

.kutu4 .ol{
  color: white;
}

.kutu4 .ol h1{
  color: rgb(184, 17, 17);
} 

.kutu4 .ol .a{
  background-color: red;
}


/*kutu5*/

.kutu5 {
  width: 300px;
  height: 300px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu5 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
}

.kutu5 .icerik {
  font-size: 14px;
}

.kutu5 .ol{
  color: white;
}

.kutu5 .ol h1{
  color: rgb(0, 89, 255);
} 

/*kutu6*/

.kutu6 {
  width: 300px;
  height: 250px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu6 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(150, 23, 23);
}

.kutu6 .icerik {
  font-size: 14px;
}

.kutu6 .ol{
  color: white;
}

.kutu6 .ol h1{
  color: rgb(189, 23, 23);
} 


/*kutu7*/

.kutu7 {
  width: 300px;
  height: 250px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu7 .baslik {
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
}

.kutu7 .icerik {
  font-size: 14px;
}

.kutu7 .ol{
  color: white;
}

.kutu7 .ol h1{
  color: rgb(255, 202, 30);
} 


/*kutu8*/

.kutu8 {
  width: 300px;
  height: 280px;
  background-color: #303030;
  border: 1px solid #3d3d3d;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 35px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(255, 255, 255),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

.kutu8 .baslik{
  max-width: 1px;
  height: -10%;
  padding: -100%;
  text-align: center;
  font-size: 1px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(55, 0, 255);
}

.kutu8 .icerik {
  font-size: 14px;
}

.kutu8 .ol{
  color: white;
}

.kutu8 .ol h1{
  color: rgb(25, 162, 167);
} 


/*mağzaBİTİŞ*/


/*bas*/

.bas{
  width: 350px;
  height:650px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas .u{
  margin-top: 1rem;
  font-weight: bold;
 }

 .bas .u2{
  text-align: center;
  margin-left:2rem;
  font-family: 'Bebas Neue', sans-serif;
 }


 .bas .u2 b{
 text-align: center;
 }



/*bas3*/

.bas3{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas3 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:10px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas3 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas3 .u3{
  margin-left:0.5rem;
 }


 .bas3 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }



/*bas4*/

.bas4{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas4 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas4 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas4 .u3{
  margin-left:0.5rem;
 }


 .bas4 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }







 /*bas5*/

 .bas5{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas5 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas5 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas5 .u3{
  margin-left:0.5rem;
 }

 .bas5 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }




 /*bas6*/

 .bas6{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas6 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas6 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas6 .u3{
  margin-left:0.5rem;
 }


 .bas6 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }



 /*bas7*/

 .bas7{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas7 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas7 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas7 .u3{
  margin-left:0.5rem;
 }


 .bas7 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }


/*bas8*/

.bas8{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas8 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas8 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas8 .u3{
  margin-left:0.5rem;
 }


 .bas8 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }



/*bas9*/

.bas9{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas9 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas9 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas9 .u3{
  margin-left:0.5rem;
 }

 .bas9 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }





/*bas10*/

.bas10{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas10 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas10 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas10 .u3{
  margin-left:0.5rem;
 }

 .bas10 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }



 /*bas11*/

 .bas11{
  width: 350px;
  height: 400px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 5px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
}



.bas11 .u{
  font-size: 20px;
  margin-top: -1%;
  margin-left:1px;
  font-family: 'Bebas Neue', sans-serif;
 }

 .bas11 .u2{
  line-height: 40px;
  font-weight: bold;
  margin-left:0rem;
  margin-top: -1%;
 }

 .bas11 .u3{
  margin-left:0.5rem;
 }


 .bas11 .u3 a{
  box-shadow: 0px 1px black,2px 1px black;
  font-size: 20px;
  color: rgb(0, 0, 0);
  background-color: rgb(0, 217, 255);
  line-height: 40px;
 }


  /*bas12*/

  .bas12{
    width: 350px;
    height: 400px;
    background-color: #fafafa;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-left: 5px;
    margin-top: 50px;
    box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
  
  
  .bas12 .u{
    font-size: 20px;
    margin-top: -1%;
    margin-left:1px;
    font-family: 'Bebas Neue', sans-serif;
   }
  
   .bas12 .u2{
    line-height: 40px;
    font-weight: bold;
    margin-left:0rem;
    margin-top: -1%;
   }
  
   .bas12 .u3{
    margin-left:0.5rem;
   }
  
  
   .bas12 .u3 a{
    box-shadow: 0px 1px black,2px 1px black;
    font-size: 20px;
    color: rgb(0, 0, 0);
    background-color: rgb(0, 217, 255);
    line-height: 40px;
   }
  


     /*bas13*/

  .bas13{
    width: 350px;
    height: 400px;
    background-color: #fafafa;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    margin-left: 5px;
    margin-top: 50px;
    box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
  
  
  .bas13 .u{
    font-size: 20px;
    margin-top: -1%;
    margin-left:1px;
    font-family: 'Bebas Neue', sans-serif;
   }
  
   .bas13 .u2{
    line-height: 40px;
    font-weight: bold;
    margin-left:0rem;
    margin-top: -1%;
   }
  
   .bas13 .u3{
    margin-left:0.5rem;
   }
  
  
   .bas13 .u3 a{
    box-shadow: 0px 1px black,2px 1px black;
    font-size: 20px;
    color: rgb(0, 0, 0);
    background-color: rgb(0, 217, 255);
    line-height: 40px;
   }
  
    



/*table*/ 

table,th,td{
  border: 1px solid rgba(0, 0, 0, 0.301);
} 

table{
  width: 393px;
  height: 480px;
  background-color:  #ffffff;
  margin-left: 5px;
  margin-top: -90rem;
  border-collapse: collapse;
  box-shadow:2px 2px 3px 0px rgb(0, 155, 46),-2px -2px 3px 0 rgb(10, 235, 197) ;
}

table tr th {
  height: 7vh;
  background-color: #00ffddfa;
  color: rgb(255, 255, 255);
  text-shadow: 1px 1px 3px rgb(0, 0, 0),0 1px rgb(77, 74, 70), 2px 2px 2px rgb(0, 0, 0);
} 


table tr td{
  height: 5vh;
}


table tr td c{
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;   
  font-size: 20px;
  height: 2vh;
  margin-left: 4%;
  color: rgb(0, 0, 0);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.719),0 1px rgb(255, 255, 255), 2px 2px 2px rgb(255, 255, 255);
}



table tr td d{
  margin-left: 20%;
  color: rgb(0, 0, 0);
}

table tr td .a{
  margin-left: 18%;
}

table tr td l{
  margin-left: 38%;
  color: rgb(0, 0, 0);
}

/*disney*/





.aciklama .ac{
  line-height: 20px;
  text-align: center;
}




.aciklama2{
  text-align: center;
  width: 350px;
  height:850px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 10px;
  margin-top: 550px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
.aciklama2 h1{
  color: #141414;
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(0, 0, 0), 2px 2px 2px rgb(0, 0, 0);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
  
  

div .ac2{
  
  text-shadow: 1px 1px 3px rgb(255, 255, 255),0 1px rgb(255, 255, 255), 2px 2px 2px rgb(160, 160, 160);
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  line-height: 15px;
  
}


.aciklama{
  text-align: center;
  width: 350px;
  height: 480px;
  background-color: #fafafa;
  border: 1px solid #ffffff;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  margin-left: 0px;
  margin-top: 50px;
  box-shadow:2px 2px 3px 0px rgb(0, 0, 0),-2px -2px 3px 0 rgb(202, 197, 197) ;
  }
  
  
  
  .aciklama .ac{
    line-height: 20px;
    text-align: center;
  }
  
  
  
  

  }