@charset "utf-8";

/* Tüm taşmaları engelle (sayfa kaymasını durdurur) */
html, body {
    margin:0;
    padding:0;
}

/* -------- ÜST BAR -------- */
.bar{
	width:100%;
	height:50px;
/*
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
*/
	border-radius: 0px 0px 15px 15px;
	background-color:rgba(112,144,147,0.87);
	position:fixed;
	top:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0px;
}

.barsol img,
.barsag img{
	width:30px;
	height:30px;
	margin-left:10px;
	margin-right: 10px;
	opacity:0.7;
/*	transition:0.2s;*/
}
.barsol img:hover,
.barsag img:hover{
	opacity:1;
	transform:scale(1
	
	);
}


/* -------- BANNER -------- */
.banner{
	width:100%;
	height:400px;
	margin-top:50px;

	background-image:url("resimler/banner.jpg");
	background-size:cover;
	background-repeat:no-repeat;

	display:flex;
	align-items:center;
	padding-left:40px;

	border-bottom-left-radius:30px;
	border-bottom-right-radius:30px;

	/* Eklenen kritik satır → sağ-sol boşluğu tamamen kaldırır */
	box-sizing:border-box;
}


/* Sol menü kutusu */
.bansol{
	width:260px;
	background:rgba(0,0,0,0.35);
	padding:20px;
	border-radius:12px;
	backdrop-filter:blur(4px);
	text-decoration: none;
}

.bansol li{
	list-style:none;
	width:200px;
	height:40px;
	margin:12px auto;
	background:rgba(255,255,255,0.35);
	color:#fff;
	font-size:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	cursor:pointer;
	transition:0.25s;

}
a{
			text-decoration: none;

}
.bansol li:hover{
	background:rgba(255,255,255,0.55);
	transform:scale(1.05);
	box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.baslik{
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
}


.icerik{
	width:80%;
	background:#AEC1C8;
	margin:60px auto 120px auto;
	padding:30px;
	padding-top: 50px;
	border-radius:12px;
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
	font-family:"Segoe UI", Arial, sans-serif;
	line-height:1.8;

	/* Footer’ın üstünde kalmayı garanti eder */
	position:relative;
	z-index:1;
	display:flex;
	align-items: flex-start;
	column-gap: 20px;
}

.icerik h2{
	text-align:center;
	margin-bottom:20px;
	font-size:30px;
	color:#333;
}

.icerik p{
	font-size:18px;
	color:#333;
}


/* -------- ALT BAR -------- */
.altbar{
	width:100%;
	height:60px;
	background-color:rgba(112,144,147,0.87);
	position:fixed;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	text-align:center;
	color:#000;
	font-family:"Segoe UI", Arial, sans-serif;
	font-size:16px;
	z-index:1000;
}

.altbar p{
	margin:3px 0;
}

.icerik p a{
	color:#04175A;
	font-style: italic;
}