/* UI Components try to respect [BEM](http://getbem.com/naming/) for the naming of their CSS classes */
@import "./components/PageHeader.css";
@import "./components/Progress.css";
@import "./components/InputCredentialSection.css";
@import "./components/CandidateWithCheckbox.css";
@import "./components/ClassicVoteCandidatesList.css";
@import "./components/QuestionWithVotableAnswers.css";
@import "./components/PageFooter.css";
@import "./components/VoteNavigation.css";
@import "./components/NiceButton.css";
@import "./components/NiceInput.css";
@import "./components/LoadingSpinner.css";
@import "./components/WholeVoteRecap.css";
@import "./components/ReviewEncryptSection.css";
@import "./components/MajorityJudgmentVoteBigCandidatesList.css";
@import "./components/MajorityJudgmentVoteSmallCandidatesList.css";
@import "./components/PreferentialVotingCandidatesList.css";
@import "./components/PreferentialVotingWithoutEqualityColumn.css";
@import "./components/CandidateList.css";
@import "./components/ListsVoteCandidatesList.css";
@import "./select-css.css";

body {
  background: var(--body-background);
  background-image:
    radial-gradient(at 0% 0%, rgba(79, 70, 229, 0.06) 0px, transparent 50%),
    radial-gradient(at 100% 0%, rgba(14, 165, 233, 0.05) 0px, transparent 50%);
  background-attachment: fixed;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  font-weight: 400;
  color: var(--font-dark);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3 {
  font-family:
    "Ubuntu",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    arial,
    serif;
  letter-spacing: -0.01em;
}

a {
  color: var(--accent);
  transition: color 0.15s ease;
}
a:hover {
  color: var(--accent-hover);
}

@media screen and (max-width: 640px) {
  body {
    margin: 0;
  }
}

@media screen and (min-width: 640px) {
  body {
    margin: 8px;
  }
}

input[type="password"],
input[type="text"] {
  font-size: 16px; /* this prevents Iphone browser from zooming in */
}

@supports (-webkit-touch-callout: none) {
  select {
    font-size: 16px; /* this prevents Iphone browser from zooming in */
  }
}

.page {
  max-width: 880px;
  margin: 0 auto;
  box-shadow: var(--page-shadow);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.page-body {
  background: var(--background-light);
}

.markup-b {
  font-weight: bold;
}
.markup-i {
  font-style: italic;
}
.markup-error {
  color: var(--alert-text);
}

.current_step {
  text-align: center;
  font-size: 28px;
  padding-bottom: 28px;
}

#authentication-done {
  padding: 1em;
}
