@charset "UTF-8";
body{
    background-color:#b0dab0;
    font-family:'Times New Roman', Times, serif;
    max-width:1000px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
}
#content{
    background-color:mintcream;
    align-content:center;
    text-align:center;
}
#current-page{
    border-style:double;
    border-width:8px;
    border-color:#daeccf;
}
.page-nav{
    margin-top:15px;
    padding-left:20%;
    padding-right:20%;
}
.page-nav ul, .art-nav ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.page-nav ul li{
    text-align:center;
    margin-bottom:15px;
    
}
.page-nav ul li a:link, .page-nav ul li a:visited{
    background-color:#4a7852;
    color:azure;
    display:block;
    padding-top:10px;
    padding-bottom:10px;
    border-radius:50px;
    text-decoration:none;
    font-size:20px;
    font-weight: bolder;
}
.page-nav ul li a:hover{
    background-color:azure;
    color:#4a7852;
    border:double;
    border-width:8px;
}
.page-nav #current-page:hover{
    border-color:#4b984e;
}
.art-nav{
    margin-top:30px;
    padding-left:2%;
    padding-right:2%;
    text-align: center;
    margin-bottom:30px;
}
.art-nav ul li{
    padding:15px;
    padding-left:auto;
    padding-right:auto;
    margin:0;
    margin-bottom:20px;
    display:inline-block;
}
.art-nav ul li a:link, .art-nav ul li a:visited{
    background-color:#4a7852;
    color:azure;
    padding:15px;
    margin:0;
    border-radius:50px;
    text-decoration:none;
    border:double;
    border-width:8px;
    border-color:#daeccf;
    font-size:20px;
    font-weight: bolder;
}
.art-nav ul li a:hover{
    background-color:azure;
    color:#4a7852;
}
@media only screen and (min-width: 672px){
    
    header{
        text-align: left;
        padding-left: 30px;
    }
    .page-nav{
        padding-left:2%;
        padding-right:2%;
        text-align: center;
    }
    .page-nav ul li{
        display:inline-block;
    }
    .page-nav ul li a:link{
        padding-left: 15px;
        padding-right:15px;
        font-size: 20px;
    }
    section p{
        max-width:500px;
        margin-left:auto;
        margin-right:auto;
    }
}
@media only screen and (min-width: 1000px){
    header{
        text-align:center;
        padding: 10px;
    }
    .page-nav{
        background-color: #4a7852;
        margin-top:0;
    }
    .page-nav ul li{
        margin-bottom:0;
    }
    .page-nav ul li a:link{
        border-radius:0;
    }
    section p{
        max-width:600px;
        margin-left:auto;
        margin-right:auto;
    }
}
.pic-flex{
    display:flex;
}
.pic{
    margin:0;
    padding-left:20%;
    width:20%;
    max-width:fit-content;
}
.logo{
    width:60%;
    margin-top:20px;
    margin-bottom:20px;
    max-width:300px;
}
.icon{
    width:30%;
    margin-top:20px;
    margin-bottom:20px;
    max-width:100px;
}
footer{
    padding-top:1px;
    padding-bottom:10px;
    background-color:#4a7852;
}
footer p{
    margin-top:10px;
    margin-bottom:0;
    color:azure; 
}
footer a{
    text-decoration:none;
    color:azure;
}
.art img{
    width:30%;
    max-width:50%;
    
}