* {
    margin: 16px;;
    padding: 8px;;
    box-sizing: border-box;
  }
  
  html,
  body {
    height: 100%;
  }
  
  body {
    font-family: "Roboto", sans-serif;
    min-height: 100vh;
    background-color: rgb(194, 209, 230);
  }
  
  main, header, footer {
    padding: 20px;
    color: #394e73;
  }

  main{
    border: 2px dashed #a1b7df;
  }
  
  header,
  footer {
    height:auto;
  }
  
  main {
    height:auto;
  }

.image-box{
    display:inline-block;
    border: 5px solid #394e73;
    padding: 10px;
    background-color: #e2e6ed;
}

.image-box img{
    max-width:100%;
    display:flex;
    border: 3px solid #8194b6;
}

.image-box figcaption{
    text-align: center;
    margin-top: 5px;
    font-size: x-large; stroke-width: 3px;
    color: #394e73;
}