/*Global Styles*/
html {
    box-sizing: border-box;
}
*,*:before, *:after {
    box-sizing: inherit;
}
* {
    margin: 0;
    padding: 0;
}
/*end global styles*/
body {
    color: black;
    font-family: sans-serif;
    text-align: center;
    margin-top: 20px;
}
header {
    width: 80%;
    border: 5px solid green;
    border-radius: 20px;
    height: 60px;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center;
    background-color:aquamarine;
    
}
nav ul {
    height: 40px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}
ul {
    list-style: none;
}
.gallery {
    width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 10px
}
.gallery img {
    width: 100%;
}
figcaption {
    text-align: center;
}
.backTop {
    margin-top: 30px;
    margin-left: 30px;
}
.button {
  width: 100px;
  font: bold 14px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

footer {
    text-align: center;
    margin-bottom: 20px;
}