* {
    margin: 0; padding: 0; box-sizing: border-box;
}

body  {
   background-color: #1d2933;
   color:#86b9b0;
  font-family: "Black Ops One", system-ui;
}

header {
  border: 2px solid green;
  margin-bottom: 12px;
}

main#photos {
  border:2px solid white;
  min-height: 100px;
  display:flex;
  padding: 8px;
}

main#photos section {
  border: 4px solid yellow;
  min-height: 100px;
}

.thumbnails {
  flex: 0 0 360px;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  gap: 8px;
}

.thumbnails figure {
  border: 4px solid green;
  flex: 0 0 150px;
  aspect-ratio: 1;
  background-size: cover;
  background-position: center;
}

.thumbnails figure:hover {
  cursor: pointer;
}
.bigimage {
  text-align:center;
  padding-top:12px;
  flex: 1 1 auto;
  
}

#imagebig {
  width:40%;

}

#bigcaption {
  font-size: 2rem;
  
}

.figure1 {
  background-image: url(../images/1small.jpg);
}

.figure2 {
  background-image: url(../images/2small.jpg);
}

.figure3 {
  background-image: url(../images/3small.jpg);
}

.figure4 {
  background-image: url(../images/4small.jpg);
}

.figure5 {
  background-image: url(../images/5small.jpg);
}

.figure6 {
  background-image: url(../images/6small.jpg);
}

.figure7 {
  background-image: url(../images/7small.jpg);
}