@charset "UTF-8";
/* CSS Document */
html {
    font-size: 62.5%;
}
body {
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    line-height: 1.6;
    color: #234D15;
    background: #A6ACB8;
    /*margin: 0 1vw;  */
}
body a{
    text-decoration: none;
    color: #234D15;
}
body a:hover{
    color: darkred;
}
body h1{
    text-align: center;
    font-size: 4em;
    text-shadow: grey 0.3rem 0.3rem 0.3rem;
}
section {
    display: flex;
    flex-flow: wrap;
    justify-content: center;   
}
figure {
    max-width: 50%;
}
/*figure img{
    box-shadow: grey 1rem 1rem 1rem;
}*/
article {
    max-width: 400px;
    font-size: 1.2rem;
    text-align: left;
    text-indent: 1em each-line;
}
article br{
    text-indent: 1em;
}
article h3{
    color: brown;
    font-size: 1.6em;
    text-indent: 0;
    text-shadow: grey 0.3rem 0.3rem 0.3rem;
}
figcaption h3{
    text-indent: 0;
    color:rgba(97,1,1,1.00);
}
figcaption{
    font-size: 1.1rem;
}
nav ul, li a{
    display: flex;
    gap: 1%;
    list-style-type: none;
    padding: 0 4rem;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    text-shadow: grey 0.1rem 0.1rem 0.2rem;
}
a{
    border: black solid thin; 
    background: lightgrey;
    box-shadow: grey 0.3rem 0.3rem 0.3rem;
}
footer{
    text-align: center;
}