body{
    background-color: #566b56;
    text-shadow: 0.5px 0.5px black;
    font-size: clamp(1rem, 2vw, 1.2rem);
}

h1{
    color: #C9AE5D;
    font-family: "Parisienne", serif;
    text-shadow: darkslategray;
    font-size: clamp(2.5rem, 6vw, 5rem);
}

.menu{
    text-decoration: none;
    color:#C9AE5D;
}

.menu, .link-top, .menud {
    font-size: clamp(1rem, 2.5vw, 1.5rem);
}

.bordered{
    border-bottom: #C9AE5D solid 2px;
    border-top: #C9AE5D solid 2px;
}

.menud{
    color:azure;
}

.link-top, .link-top:visited{
    color:#fdfdfb;
    font-size: 3vw;
}

#logo{
    width: 50vw;
    margin-top: 5vh;
    margin-bottom: none;
}

footer{
    align-items: center;
    text-align: center;
}

hr{
    border:none;
    margin: none;    
}

h2{
    font-style: italic;
    color: #566b56;
    background-color: #fdfdfb;
    font-size: clamp(1.5rem, 4vw, 2.5rem);
}

p{
    font-size: clamp(1rem, 2.2vw, 1.4rem);
    color: white;
}

li{
    color:#fdfdfb;
    font-size: clamp(1rem, 2vw, 1.3rem);
}

#header-title h1{
    color:#fdfdfb;
    text-align: center;
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-family: Arial, Helvetica, sans-serif;
}

#header-title{
    margin: 10%;
}

video{
    margin:auto;
    width: 80vw;
    border:#C9AE5D 1px solid;
}


figcaption{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(0.8rem, 1.2vw, 1rem);
}

h3{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(1.2rem, 2.5vw, 1.8rem);
}

a{
    color:white;
}

a:visited{
    color:#C9AE5D;
}

summary{
    font-size: clamp(1rem, 2.5vw, 1.5rem);
}

fieldset{
    border:2px solid #566b56;
    border-radius: 10px;
    background-color: white;
    color:#566b56;
    margin:1vh;
    padding:2vw;
}

legend{
    font-weight: bolder;
}

#sb{
    text-align: center;
    background-color: #566b56;
    color:white;
}

input{
    margin-bottom: 2vh;
}

#r1, #r2, #r3, #r4{
    margin-right: 1vw;
}


[aria-current="page"] {
    font-weight: bold;
    border-bottom: 2px solid #C9AE5D;
}

.print-only { display: none !important; }
.screen-only { display: block !important; }
