/* body */
/*
body { background-image: url('/images/hero1.png'); background-repeat: no-repeat; background-position: top, center; background-size: 100% auto; }
*/

/* Layout */
.navbar { justify-content: space-between; padding: 1em; margin-bottom: 1em; background-color: #fff; display: flex;}
.last { margin-bottom: 1em }
.row { border-radius: 1em }

/* Buttons */
.desk-button, .alt-button{
    font-weight: 800;
    padding: 0.2em 0.6em;
    border-radius: 9999px;
    margin: 0.05em;
    font-family: 'Noto Sans JP', 'Segoe UI',
    sans-serif; font-size: 1em;
  }
  
.desk-button { background-color: #000; color: #fff; border: 4px solid #000; }
.alt-button { background-color: transparent; color: #000; border: 4px solid #000; }
.menu-button { background-color: transparent; color: inherit; }
.today { background-color: transparent; color: #666; border: none; text-align: center; flex: 1;}

#today {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1em;
  color: #666;
  white-space: nowrap;
}



.buttons, .stamps, .blinkies {all: unset;}

/* Images */
img,
.thumbnail { width: 100%; height: auto; display: block }
.thumbnail { border-radius: 1em; object-fit: cover; transition: all 0.3s ease-in-out; }
.thumbnail:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.box { border: 1px solid #e0e0e0; border-radius: 1em; text-align: center; margin-bottom: 1em; padding: 1.5em; background-color: #fff;}
.box img {border-radius: 1em; margin-top: 1em; margin-bottom: 1em; }

/* lists */
li { margin: 2px; }
li:hover { text-decoration: underline;}
.reason-to-comeback li::marker { content: "🗨️ "; }

/* footer */
footer a {color: gray;}
.footer { margin: 1em; }