:root {
  --color-primary:#4a1c1c;
  --color-primary-variant:#2b0b0b;
  --color-secondary:#ce9f76;
  --color-secondary-variant:#c1b6ac; }

body {
  background-color: var(--color-primary);
  padding: 0;
  font-family: "Hind", sans-serif; }

p.svelte-1hle1qw {
  color: var(--color-secondary);
  margin: 0;
  padding: 1em 1em;
  font-size: 1.2em;
  text-align: center;
  font-size: 1.3em; }

a.svelte-1hle1qw {
  color: var(--color-secondary-variant); }

form.svelte-1hle1qw {
  margin: 0 auto;
  max-width: 50em;
  padding: 1em 2em;
  display: flex;
  align-content: stretch; }

input[type="text"].svelte-1hle1qw {
  width: 100%;
  margin: 0;
  background-color: transparent;
  color: var(--color-secondary);
  border: 0.3em solid var(--color-secondary); }

input[type="submit"].svelte-1hle1qw {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  border: 0.3em solid var(--color-secondary);
  margin: 0 0 0 1em; }

#spinner.svelte-1hle1qw {
  display: block;
  margin: 3em auto 0;
  height: 4em;
  width: 4em;
  border: 0.4em transparent solid;
  border-top: 0.4em solid var(--color-secondary);
  border-radius: 50%;
  -webkit-animation: svelte-1hle1qw-spin2 1s infinite linear;
  animation: svelte-1hle1qw-spin2 1s infinite linear; }

@-webkit-keyframes svelte-1hle1qw-spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes svelte-1hle1qw-spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

h1.svelte-1c16a2b {
  background-color: var(--color-secondary);
  color: var(--color-primary);
  text-align: right;
  font-family: "Teko", sans-serif;
  font-size: 8em;
  font-stretch: narrower;
  font-weight: 300;
  line-height: 0.8em;
  letter-spacing: 0em;
  margin: 0.2em 0 0em;
  padding: 0.1em 2% 0; }

button.svelte-171vadd {
  text-transform: uppercase;
  background-color: var(--color-secondary);
  color: var(--color-primary);
  font-size: 1.8em;
  padding: 1em 1em;
  margin: 0.75em auto 0.75em;
  display: block;
  width: 80%;
  max-width: 20em;
  border: none;
  transition: width 0.5s ease, max-width 0.5s ease; }

button.active.svelte-171vadd {
  width: 100%;
  max-width: 100%; }

#gallery.svelte-171vadd {
  display: block;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  min-width: 100%;
  background-color: var(--color-primary);
  text-align: center;
  height: 0;
  transition: height 0.5s ease;
  scrollbar-width: none; }

#gallery.svelte-171vadd::-webkit-scrollbar {
  display: none; }

#gallery.active.svelte-171vadd {
  height: 30em;
  padding: 0 0 1em; }

.need-vote.svelte-171vadd {
  background-color: var(--color-primary);
  display: inline-block;
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  margin-left: 0.2em;
  margin-bottom: 0.05em; }

div.svelte-1r8s9to {
  color: var(--color-primary);
  background-color: var(--color-secondary);
  margin: 3em 0 0;
  padding: 2em 2em 7em;
  font-size: 1.2em;
  min-height: 50%;
  text-align: center; }

hr.svelte-1r8s9to {
  border: 1px solid var(--color-primary); }

#container.svelte-1s6ewm1 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--color-primary-variant);
  border-top: 0.5em solid var(--color-secondary); }

p.svelte-1s6ewm1 {
  color: var(--color-secondary);
  font-size: 1.7em;
  text-align: center;
  margin: 0;
  padding: .37em 1.2em .3em; }

#spinner.svelte-1s6ewm1 {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 2em;
  width: 2em;
  margin: .7em 1em;
  border: 0.2em rgba(0, 0, 0, 0) solid;
  border-top: 0.2em solid var(--color-secondary);
  border-radius: 50%;
  -webkit-animation: svelte-1s6ewm1-spin2 1s infinite linear;
  animation: svelte-1s6ewm1-spin2 1s infinite linear; }

@-webkit-keyframes svelte-1s6ewm1-spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes svelte-1s6ewm1-spin2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

p.svelte-1ok87g5 {
  background-color: var(--color-primary-variant);
  color: var(--color-secondary);
  padding: .37em 1.2em .3em;
  margin: 0 0 1em;
  font-size: 1.7em;
  text-align: center; }

div.svelte-1brouau.svelte-1brouau {
  display: inline-block;
  box-sizing: border-box;
  text-indent: 0;
  margin: 0 1em;
  padding: 0.5em 0.2em;
  height: 100%;
  vertical-align: top; }

div.active.svelte-1brouau > img.svelte-1brouau, div.active.svelte-1brouau > .video-entry.svelte-1brouau {
  border-color: var(--color-primary-variant);
  background-color: var(--color-primary-variant); }

div.svelte-1brouau.svelte-1brouau:first-child {
  margin-left: 5em; }

div.svelte-1brouau.svelte-1brouau:last-child {
  margin-right: 5em; }

img.svelte-1brouau.svelte-1brouau, .video-entry.svelte-1brouau.svelte-1brouau {
  display: block;
  outline: 0.5em solid var(--color-secondary);
  border: 0.5em solid var(--color-secondary);
  background-color: var(--color-secondary);
  box-sizing: border-box;
  max-height: 100%;
  max-width: 90vw;
  margin: 0 auto; }

video.svelte-1brouau.svelte-1brouau {
  display: inline-block;
  max-height: 18em;
  max-width: 85vw; }

div.active.svelte-1brouau .video-entry.svelte-1brouau {
  color: var(--color-secondary); }

.video-entry.svelte-1brouau.svelte-1brouau {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  user-select: none;
  font-size: 1.3em; }

span.svelte-1brouau.svelte-1brouau {
  margin: 0; }