/* ===========================
   CALYXA™ – Perusbrändivärit
   =========================== */

:root {
  --calyxa-cream-white: #F7F3EC;
  --calyxa-stone-grey: #2F3437;
  --calyxa-soft-sand: #EFE9E4;
  --calyxa-soft-gold: #C9A27A;

  /* Pastellit */
  --pastel-sage: #DDE8D5;
  --mint-mist: #E8F5EC;
  --sky-mist-blue: #E6F1FA;
  --dusty-rose: #F3E4E8;
  --clay-peach: #F5DCCB;
  --peach-veil: #FCEFE6;

  /* Neutraalit */
  --linen-white: #FAF7F2;
  --soft-ivory: #F9F5EE;
  --warm-grey-mist: #F2F1EF;
}

/* ===========================
   Yleiset tyylit
   =========================== */

body {
  margin: 0;
  padding: 0;
  background: var(--calyxa-cream-white);
  color: var(--calyxa-stone-grey);
  font-family: "Inter", sans-serif;
}

/* Kielivalikko */
#language-menu {
  appearance: none;
  padding: 8px 36px 8px 14px;
  border-radius: 999px;
  border: 1px solid #D4C9BA;
  background-color: var(--calyxa-cream-white);
  color: var(--calyxa-stone-grey);
  cursor: pointer;
  background-image:
    linear-gradient(45deg, #2F3437 50%, transparent 50%),
    linear-gradient(-45deg, #2F3437 50%, transparent 50%);
  background-position:
    calc(100% - 16px) 50%,
    calc(100% - 10px) 50%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

#language-menu:hover {
  border-color: var(--calyxa-soft-gold);
}
/* Keskittää koko sivun sisällön */
.container {
    margin-top: 6%;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-align: center;
}
img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container {
    margin-top: 6%;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    text-align: center;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
    max-width: 260px;
    margin-top: 35px;
    border-radius: 6px;
    opacity: 0.95;
    box-shadow: 0 0 12px rgba(0,0,0,0.12);
}