:root {
  --lightest: 100%;
  --lighter: 80%;
  --light: 60%;
  --strong: 40%;
  --stronger: 20%;
  --strongest: 0%;

  --calendar-weekday: #101a01;
  --calendar-month: #101a01;
  --calendar-border-color: #101a01;
  --calendar-highlighted-day-color: rgb(159, 91, 1);
}

body,
.wrapper-content {
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
    url("/background.png");
}

header {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0px 2px 15px 2px rgb(0 0 0 / 5%);
}

.button a {
  background-color: #da350b;
  color: white;
}

.button a:visited {
  color: white;
}

/* Background cover Home */

main > section.hero {
  background-color: #08bf1b;
}

.window {
  border: 1px solid #222;
  background-color: white;
}

.window .title-bar {
  border-bottom: 1px solid #222;
}

footer {
  background-color: white;
  border-top: 1px solid #ddd;
}

.tweet {
  background-color: white;
  transition: background-color 0.25s;
}

.tweet:hover {
  background-color: rgb(245, 248, 250);
}

/* LanguageSwitcher */

.svelte-select .item {
  color: #54595f;
}