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

.baslik-alani {
    text-align: center;
    margin-bottom: 50px;
}

.baslik-alani h1 {
    font-size: 3rem;
    letter-spacing: 8px;
    color: #fff;
    text-shadow: 0 0 20px rgba(108, 120, 157, 0.5);
}

.siralama-sol{
	display:flex;
	gap:20px;
		margin:50px;
	height:300px;
	background-color: #0c1735;
	border-radius: 15px;
	  border-right: 3px solid #6c789d; 
	border-bottom: 3px solid #6c789d;
padding-right:25px;
}

.siralama-sag{
	display:flex;
	gap:20px;
		margin:50px;
	height:300px;
	background-color: #0c1735;
	border-radius: 15px;
	  border-right: 3px solid #6c789d; 
	border-bottom: 3px solid #6c789d;
	padding-left:25px;

}

.siralama-sag img {
    border-radius: 15px;
    transition: transform 0.3s ease; 
}

.siralama-sag img:hover {
    transform: scale(1.05); /* fareyle üzerine gelince %5 büyür */
}


.siralama-sol img {
    border-radius: 15px;
    transition: transform 0.3s ease; 
}

.siralama-sol img:hover {
    transform: scale(1.05); 
}

.kutu{
	margin:50px;
	padding:25px;
	height:300px;
	background-color: #0c1735;
	border-radius: 15px;
	border-right: 3px solid #6c789d; 
	border-bottom: 3px solid #6c789d;
}

.kutu h4{
		line-height: 1.8;
    color: #e0e0e0;
    font-weight: 300;
}

.siralama-sol h4{
		line-height: 1.8;
    color: #e0e0e0;
    font-weight: 300;
}

.siralama-sag h4{
		line-height: 1.8;
    color: #e0e0e0;
    font-weight: 300;
}
.cevap a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #e0e0e0;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 55px; 
    padding: 0 20px; 
}