/* /class/styles.css */

body {font-family:arial,sans-serif; background-color:brown;}
#main {width:92vw; height:65vw; max-width:150vmin; max-height:90vmin; border:1vmin double blue; margin:2vmin auto 0 auto; background-color:lightcyan;
padding:1vmin 0;}
#head {display:flex; justify-content:space-around; align-items:center;}
#head img {height:7vmin;}
#title {font-family:Georgia,serif; font-style:italic; color:blue; font-size:4.5vmin}
#menu {width:100%; display:flex; flex-wrap: wrap; justify-content:center;}
.item {margin:2vmin; cursor:pointer;}
.item img {height:14vmin;}
figcaption {text-align:center; font-size:3vmin;}
a { text-decoration:none;}
@media (orientation:portrait) {
  .item {margin:1vmin;}
  .item img {height:12vmin;}
  figcaption {font-size:2.6vmin;}
}