body {
font-family: Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
background-color: #2c003e;
color: #f4f4f4;
}
header {
background-color: #1a0026;
padding: 25px;
text-align: center;
border-bottom: 5px solid #d4af37;
}
header h1 {
margin: 0;
color: #d4af37;
font-size: 40px;
letter-spacing: 2px;
}
nav {
margin-top: 15px;
}
nav ul {
list-style-type: none;
padding: 0;
margin: 0;
}
nav ul li {
display: inline-block;
margin: 5px;
}
nav ul li a {
color: #1a0026;
background-color: #d4af37;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
}
nav ul li a:hover {
background-color: #f1c40f;
color: #000;
}
.ana-vitrin {
text-align: center;
padding: 40px 20px;
}
.ana-vitrin h2 {
font-size: 32px;
color: #d4af37;
}
.ana-vitrin img {
border: 5px solid #d4af37;
border-radius: 50px 0px 50px 0px;
}
.icerik-alani {
padding: 30px;
max-width: 850px;
margin: 30px auto;
text-align: justify;
background-color: #3d0055;
border: 2px dashed #d4af37;
box-shadow: 5px 5px 0px #1a0026;
}
.icerik-alani h2 {
color: #f1c40f;
border-bottom: 2px solid #d4af37;
padding-bottom: 5px;
}
.icerik-alani p {
line-height: 1.8;
font-size: 17px;
}
footer {
background-color: #1a0026;
text-align: center;
padding: 15px;
margin-top: 40px;
color: #d4af37;
font-weight: bold;
}
.galeri img {
width: 300px;
border: 3px solid #d4af37;
border-radius: 15px;
margin: 10px;
}
.galeri img:hover {
opacity: 0.6;
}