h1{
 background-color: aqua;
color: white;
}
header, footer{
font-family: "Rage Italic", cursive;
font-size: large;
width : 100%;
border: 5px dotted grey;
background-color: aqua;
border-radius: 120px;
padding: 1%;
}
footer{
position: fixed;
bottom: 0%;
right: 0%;
left: 0%;
text-align: center;
}
nav ul{
list-style-type:none;
text-align: center;
margin:2%;
padding: 0;
background-color: aqua;
}
nav li {
display: block;
float: left;
padding: 1%;
}
main{
margin: 50px;
padding: 1%;
}
nav a:hover{
background-color: aqua;
}
nav li a{
font-family: "Times New Roman";
font-size: large;
text-decoration:none;
border-bottom: 1pt solid gray;
border-top: 1pt solid gray;
border-radius: 120px;
padding: 10px;
}

/*********************Media Sections****************************/

/* Pildigalerii sektsioon */
section#pildigalerii {
border: 4px solid aqua;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
background-color: #f0ffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

section#pildigalerii h3 {
text-align: center;
background-color: aqua;
color: white;
border-radius: 15px;
padding: 10px;
margin-bottom: 15px;
font-weight: bold;
font-variant: small-caps;
}

section#pildigalerii div {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 15px;
padding: 10px;
}

section#pildigalerii img {
width: 100%;
height: 300px;
object-fit: cover;
border: 3px solid #008B8B;
border-radius: 10px;
transition: transform 0.3s ease;
}

section#pildigalerii img:hover {
transform: scale(1.05);
}

/* Video sektsioon */
section#video {
border: 4px solid aqua;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
background-color: #f0ffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

section#video h3 {
text-align: center;
background-color: aqua;
color: white;
border-radius: 15px;
padding: 10px;
margin-bottom: 15px;
font-weight: bold;
font-variant: small-caps;
}

section#video div {
display: flex;
justify-content: center;
padding: 10px;
}

section#video iframe {
width: 560px;
height: 315px;
border: 3px solid #008B8B;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Muusika sektsioon */
section#muusika {
border: 4px solid aqua;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
background-color: #f0ffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

section#muusika h3 {
text-align: center;
background-color: aqua;
color: white;
border-radius: 15px;
padding: 10px;
margin-bottom: 15px;
font-weight: bold;
font-variant: small-caps;
}

section#muusika div {
display: flex;
justify-content: center;
padding: 10px;
}

section#muusika iframe {
width: 100%;
max-width: 400px;
height: 380px;
border: 3px solid #008B8B;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Elukoht sektsioon */
section#elukoht {
border: 4px solid aqua;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
background-color: #f0ffff;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

section#elukoht h3 {
text-align: center;
background-color: aqua;
color: white;
border-radius: 15px;
padding: 10px;
margin-bottom: 15px;
font-weight: bold;
font-variant: small-caps;
}

section#elukoht div {
text-align: center;
padding: 10px;
}

section#elukoht iframe {
width: 100%;
max-width: 600px;
height: 300px;
border: 3px solid #008B8B;
border-radius: 10px;
margin-top: 10px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Responsiivne disain */
@media (max-width: 768px) {
    section#video iframe {
        width: 100%;
        height: 250px;
    }
    
    section#pildigalerii div {
        grid-template-columns: 1fr;
    }
    
    section#elukoht iframe {
        height: 250px;
    }
}