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

body{
    background-color: #b3c9b6;
}

h1{
    color: #354b38;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 15px;
    padding-top: 10px;
    text-shadow: 2px 2px 10px white;
}

  .title {
    padding: 10px;
    text-align: left;
    background:#7ba17f;
    margin: 0;
    border-radius: 20px;
    text-align: center;
  }

  h2{
    margin-top: 50px;
    padding-top: 40px;
    color: #354b38;
    text-decoration: underline;
  }

  h3{
    font-size: 20px;
    margin-top: 30px;
    padding-top: 40px;
    color: #354b38;
    text-decoration: underline;
  }

  figcaption{
    color: #354b38;
    padding-top: -5px;
    text-decoration: bold;
  }

  a {
    color: white;
  }

  .inspo{
    display: grid;
    grid-template-columns: 1fr;
    column-gap: -5px;
  }

  .inspo figure,.inspo img {
    height: 300px;
  }
  .plan{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: -5px;
  }

  .plan figure, .plan img{
    height: 300px;
  }

  .print{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .print iframe{
    height: 200px;
    width: 200px;
    column-gap: -5px;
  }

  .paint{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: -5px;
  }

  .paint figure, .paint img{
    height: 250px;
  }

  .paint iframe {
    height: 250px;
    width: 250px;
  }

  .model{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: 10px;
  }

  .model figure, .model img{
    height: 300px;
  }

.final{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 10px;
}

.final figure, .final img{
  height: 300px;
}

.final iframe{
  height: 300px;
  width: 300px;
}

img {
  border: 3px solid #425f46;
  border-radius: 5px;
  box-shadow: 2px 2px 10px #1d291e;
}

iframe{
  border: 3px solid #425f46;
  border-radius: 5px;
  box-shadow: 2px 2px 10px #1d291e;
}