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

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

.metin-icerik{
	margin:50px;
}

.metin-icerik img{
	height:350px;
	width:350px;
	border-radius: 15px;
}	

.metin-icerik img:hover{
	box-shadow: 0 0 20px rgba(108, 121, 255, 0.8),
              0 0 40px rgba(0, 198, 255, 0.6);
}

.gorsel-sol{
	float:left;
	margin: 25px 25px 25px 0px;
}	

.gorsel-sag{
	float:right;
	margin: 25px 0px 25px 25px;
}	


@keyframes sagdanGiris {
    from {
        opacity: 0;
        transform: translateX(-80px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.ayirici-cizgi {
    width: 150px;
    height: 3px;
    background: linear-gradient(to right, transparent, #6c789d, transparent);
    margin: 15px auto;
}


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

    opacity: 0;
    transform: translateX(80px);
    animation: sagdanGiris 1s ease forwards;
    animation-delay: 0.3s;
}

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