body{
margin:0;
padding:0;
background:#111;
color:#fff;
font-family:Arial;
overflow-x:hidden;
}
.container{
width:100%;
max-width:700px;
margin:auto;
background:#181818;
padding-bottom:15px;
}
.logo{
text-align:center;
padding-top:5px;
}

.logo img{
height:60px;
}

.title{
text-align:center;
font-size:18px;
font-weight:bold;
margin:5px 0;
}

.slider{
position:relative;
width:100%;
min-height:340px;
}
.slide{
display:none;
text-align:center;
}

.slide.active{
display:block;
}

.foto{
width:120px;
height:120px;
border-radius:10px;
object-fit:cover;
border:3px solid #555;
}

h2{
margin:5px 0;
font-size:22px;
}

.tarih{
font-size:14px;
color:#ccc;
}

p{
padding:0 15px;
font-size:14px;
}

.btn{
display:inline-block;
padding:8px 15px;
background:#2c65ff;
color:white;
text-decoration:none;
border-radius:5px;
}

.bos{
text-align:center;
padding-top:100px;
font-size:20px;
}