[data-theme="dark"],
.theme-dark {
  --background: #0e1a4c;
  --bulma-scheme-main-bis: #0e1a4c;
  --bulma-scheme-main: #0e1a4c;
  --bulma-text: #f77ac4;
  --bulma-scheme-h: 100;
  --bulma-scheme-s: 6;
  --bulma-scheme-l: 13%;
  --bulma-link: #fee899;
  --bulma-primary-h: 47;
  --bulma-primary-s: 98%;
  --bulma-primary-l: 80%;
}

.select select {
  color: #f77ac4;
  background-color: #0e1a4c;
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.columns {
    margin: auto;
    text-align: center;
}

#affiche {
  background: #0e1a4c;
  background-image: url("../../img/background.png");
  margin: auto;
  padding-top: 75%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
div.closed.countdown {
    margin:auto;
    margin-bottom: 15px;
    margin-top: 5px;
    text-align: center;
}

span.icon.is-small svg {
  width: 16px !important;
}

a:has(span.icon.is-small svg) {
  display: inline-block;
}

html,
body {
  height: 100%;
  background-color: #0e1a4c;
}

.main-container {
}

.input:focus,
.input:focus-within {
  border-color: #f77ac4;
  box-shadow: 0 0 0 2px #f77ac480;
}

.input,
label {
  margin: 0.5rem;
}

.top-7 {
  top: 7px;
  position: relative;
}

.footer {
  padding: 24px;
  position: relative;
  bottom: 0;
  width: 100%;
}

@media screen and (max-width: 800px) {
  #affiche {
    width: 96%;
    padding-top: 144%;
  }
  .content {
    width: 80%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 600px) {
  #affiche {
    width: 101%;
    padding-top: 151%;
  }

  .content {
    width: 100%;
    padding: 0 10px;
  }
}
@media screen and (max-width: 480px) {
  div.input {
    width: 100%;
  }
}