body {
  display: flex;
  flex-direction: column; }

#dashboard {
  display: none; }

#home-items-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3vmin;
  margin: 4vmin; }

.home-item {
  height: 17vmin;
  width: 17vmin;
  font-size: calc(.14 * 17vmin);
  padding: 2vmin;
  cursor: pointer;
  text-align: center;
  border: 0.5vmin solid transparent;
  /* transparent to keep the layout from jiggling when toggling selected/unselected */
  border-radius: 20px; }

.home-item-image {
  width: calc(.75 * 17vmin);
  height: calc(.75 * 17vmin); }

/*noinspection CssUnusedSymbol*/
.home-item-selected {
  border: 0.5vmin solid #31bacd; }