@charset "utf-8";
body {
	background-image: linear-gradient(blue, purple, red);
	background-repeat: no-repeat;
  	background-attachment: fixed;  
  	background-size: cover;
}
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.menu li {
	float: left;
	width: 11.11%;
}
.menu li a {
	height: 30px;
	margin: 0px;
	border: 1px solid black;
	padding: 12.5px;
	display: flex;
	text-align: center;
	text-decoration: none;
	color: black;
	border-radius: 0px;
	font-size: 1.5vw;
	background-image: linear-gradient(to bottom right,#cc00cc,#FF1493,white);
	justify-content: center;
	align-items: center;
}
.menu li a:hover {
	background-image: linear-gradient(white,red,to bottom right);
}
.menu li a:visited {
	color: greenyellow;
}
.menu .seçili {
	height: 30px;
	margin: 0px;
	border: 1px solid black;
	padding: 12.5px;
	display: flex;
	text-align: center;
	text-decoration: none;
	color: black;
	border-radius: 0px;
	font-size: 1.5vw;
	background-image: linear-gradient(to bottom right,#fffb00,#00ff9d,white);
	justify-content: center;
	align-items: center;
}
.menu .seçili:visited {
	color: rgb(209, 0, 0);
}
.baslik {
	text-align: center;
	font-family:Fredoka, sans-serif;
	animation-name: rainbowstart1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
@keyframes rainbowstart1 {
	0%  {color: red;}
	12.5% {color: orange;}
	25% {color: yellow;}
	37.5% {color: lime;}
	50% {color: aqua;}
	62.5% {color: blue;}
	75% {color: purple;}
	87.5% {color: deeppink;}
	100% {color: red;}
}
.bolum {
	display: flex;
}
.yazi {
	float: left;
	font-family:Fredoka, sans-serif;
	border: 1px solid black;
	border-radius: 15px;
	width: 50%;
	font-size: 25px;
	margin-right: 5px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.35);
}
.sagBolum {
	float: left;
	background-color: white;
	border: 1px solid black;
	border-radius: 15px;
	width: 25%;
	font-size: 25px;
}
.sagBolum ul {
	margin-top: 0px;
	margin-bottom: 15px;
}
.sagBolum li {
	margin-left: 10px;
}
.sagBolum li a {
	text-decoration: none;
}
.solBolum {
	float: left;
	background-color: white;
	border: 1px solid black;
	border-radius: 15px;
	margin-right: 5px;
	width: 25%;
	font-size: 25px;
}
.solBolum ul {
	margin-top: 0px;
	margin-bottom: 15px;
}
.solBolum li {
	margin-left: 10px;
}
.solBolum li a {
	text-decoration: none;
}
.altBolum {
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 30px;
	width: 100%;
	background-color: blue;
	line-height: 2;
	color: white;
}
.saatStil {
	height: 30px;
	margin-top: 0px;
	border: 1px solid black;
	padding: 12.5px;
	display: flex;
	text-align: center;
	text-decoration: none;
	color: #FF4500;
	font-size: 1.5vw;
	background-image: linear-gradient(aqua,#ADFF2F);
	justify-content: center;
	align-items: center;
}
.asagı-icerik {
	display: none;
	position: absolute;
	background-image: linear-gradient(aqua,#ADFF2F);
	margin-left: 1px;
	width: 13.95%;
	z-index: 1;
}
.asagı-icerik span {
	color: red;
	font-size: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.asagı:hover .asagı-icerik {
	display: block;
}
.SolAltBölüm {
	position: fixed;
	display: inline-block;
	color: black;
	left: 0px; 
	bottom: 0px;  
	background-color: yellow;
	padding: 6px;

}
.SolAltBölüm-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	margin: -10px;
	bottom: 40px;
	z-index: 1;
}
.SolAltBölüm:hover{
	color: red;
}
.SolAltBölüm:hover .SolAltBölüm-content {
	display: flex;
	color:black;
}
.SağAltBölüm {
	position: fixed;
	display: inline-block;
	color: black;
	right: 0px; 
	bottom: 0px;  
	background-color: yellow;
	padding: 6px;

}
.SağAltBölüm-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
	right: 10px;
	margin: -10px;
	bottom: 40px;
	z-index: 1;

}
.SağAltBölüm:hover{
	color: red;
}
.SağAltBölüm:hover .SağAltBölüm-content {
	display: block;
	color:black;
}
.rainbow1 { 
  animation-name: rainbowstart1;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes rainbowstart1 {
  0%  {color: red;}
  12.5% {color: orange;}
  25% {color: yellow;}
  37.5% {color: lime;}
  50% {color: aqua;}
  62.5% {color: blue;}
  75% {color: purple;}
  87.5% {color: deeppink;}
  100% {color: red;}
}
@media screen and (max-width: 620px) {
  .solBolum, .sagBolum, .yazi{
    width: 100%;
	}
  }
	.bolum{
    display: block;
  }
	.solBolum, .sagBolum, .yazi{
    margin-bottom: 5px;
  }
@media screen and (min-width: 621px) {
  .bolum{
    display: flex;
  }
}

.tablo {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 25px;
}
.tablo table {
	top:100px;
	border-collapse: collapse;
	width: 100%;
}
.tablo a {
	text-decoration: none;
	color:blue;
}
.tablo a:link {
	text-decoration: none;
	color:blue;
}
.tablo a:hover {
	text-decoration: none;
	color:lime;
}
.tablo a:visited {
	text-decoration: none;
	color:aqua;
}
.tablo a:active {
	text-decoration: none;
	color:red;
}
.tablo th,td {
	border-bottom: 2px solid rgb(92, 92, 92);
	padding: 10px;
	text-align: center;
	font-family: Fredoka, sans-serif;
}
.tablo tr:hover {background-color: #D6EEEE;}
.ÜstStil {
	border-radius: 25px 25px 0px 0px;
}
.AltStil {
	border-radius: 0px 0px 25px 25px;
}
.haberBolum{
	display: flex;
}
.haberSolBolum {
   background-color: rgba(255, 255, 255, 0.850);
   position: fixed;
   top: 80px;
   left: 20px;
   width: 20%;
   height: 82.5%;
   border-radius: 25px;
}
.haberSolBolum table {
	top:100px;
	border-collapse: collapse;
	width: 100%;
}
.haberSolBolum th,td {
	border-bottom: 2px solid #DDD;
	padding: 10px;
	text-align: center;
	font-family: 'Fredoka', sans-serif;
}
.haberSolBolum tr:hover {
	background-color: #D6EEEE;
}
.haberOrtaBolum {
	position: fixed;
	background-color: rgba(255, 255, 255, 0.555);
	left: 23%;
	top: 80px;
	padding-left: 10px;
	width: 74.75%;
	height: 55%;
	border-radius: 25px;
}
.haberAltBolum {
	position: fixed;
	color: white;
	background-color: rgba(0, 0, 0, 0.493);
	left: 23%;
	top: 68%;
	padding-left: 10px;
	width: 74.75%;
	height: 24.75%;
	border-radius: 25px;
}
.haberAltBolum .ÖzelYazı {
   font-size: 25px;
}
.ÖzelRadius {
		border-radius: 25px 25px 0px 0px;
	}
.ProjeSolBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 20px;
	width: 15%;
	height: 82.5%;
	border-radius: 25px;
}
.ProjeOrtaBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 300px;
	width: 62%;
	height: 82.5%;
	border-radius: 25px;
}
.ProjeSağBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 1330px;
	width: 15%;
	height: 82.5%;
	padding-left: 10px;
	border-radius: 25px;
}
.ProjeSolBölüm tr:hover {background-color: #D6EEEE;}
.ProjeSağBölüm tr:hover {background-color: #D6EEEE;}
.KodlamaSolBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 20px;
	width: 15%;
	height: 82.5%;
	border-radius: 25px;
}
.KodlamaOrtaBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 300px;
	width: 62%;
	height: 82.5%;
	border-radius: 25px;
}
.KodlamaSağBölüm {
	background-color: white;
	position: fixed;
	top: 80px;
	left: 1330px;
	width: 15%;
	height: 82.5%;
	padding-left: 10px;
	border-radius: 25px;
}
.KodlamaSolBölüm tr:hover {background-color: #D6EEEE;}
.KodlamaOrtaBölüm tr:hover {background-color: #D6EEEE;}
.gamesttc{
	width: 100%;
	height: 100%;
}
.gamesttc img{
	position: absolute;
	z-index: -1;
	border-radius: 25px;
	
}
.gamesttcinside{
	background-color: rgba(255, 255, 255, 0.555);
	color: red;
	padding-left: 10px;
	width: 100%;
	height: 100%;
	border-radius: 25px;
}