@tailwind base;

@tailwind components;

@tailwind utilities;

h1 {
  font-size: xx-large;
  font-weight: bold;
}
h2 {
  font-size: x-large;
  font-weight: bold;
}
h3 {
  font-size: large;
  font-weight: bold;
}
h4 {
  font-size: medium;
  font-weight: bold;
}
h5 {
  font-size: small;
  font-weight: bold;
}
h6 {
  font-size: x-small;
  font-weight: bold;
}
.user-hidden {
  display: none!important;
}
.section-name {
  font-size: x-large;
  font-weight: bold;
  margin-bottom: 3rem;
}
.input-result {
  display: block;
  width: 6rem;
  height: 2.5rem;
  border: 1px solid #6b7280;
  color: #6b7280;
  text-align: center;
  padding: 0.4rem 0;
  font-family: monospace;
  font-size: large;
}
.input-result.large {
  font-size: xx-large;
  width: 100%;
  padding: 0 1rem;
}
.input-result.incorrect {
  background-color: #ffc3c3;
}
.input-result.active {
  background-color: #fbff87;
  color: #000000;
}
.input-result.disabled {
  background-color: #c4c4c4;
}
.competition-event-header {
  margin: 1rem 0 0;
}
.competition-event {
  display: flex;
  flex-wrap: wrap;
}
.competition-event .competition-round {
  width: 260px;
  margin-right: 2rem;
}
.competition-event .competition-round .round-information {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.competition-event .competition-round .round-information > * {
  width: 100%;
  display: flex;
  margin: 0.2rem 0;
  align-items: center;
}
.competition-event .competition-round .round-information > * > .editor-header {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .competition-event .competition-round {
    width: 100%;
  }
}
.competition-round {
  padding: 1rem;
  margin: 1rem 0;
  border: 1px solid #dde2e7;
}
.competition-round .round-number-editor {
  margin: 0.5rem 0 1rem;
}
.competition-round .round-information {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0.5rem 0;
}
.competition-round .round-information .editor-header {
  color: #6b7280;
}
.competition-round .round-information > h4 {
  width: 100%;
  margin: 1rem 0 0.3rem;
}
.competition-round .round-information > * {
  margin-right: 1rem;
}
.competition-round .round-information > .round-advancement-editor > .round-advancement-input {
  width: 5rem;
}
@media screen and (max-width: 940px) {
  .competition-round .round-information {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1rem;
  }
  .competition-round .round-information > * {
    width: 100%;
    display: flex;
    margin: 0.2rem 0;
    align-items: center;
  }
  .competition-round .round-information > * > .editor-header {
    width: 30%;
  }
}
.danger-text {
  color: #850000;
  font-weight: bold;
}
.results-table .result-entry.active {
  background-color: #c1ffc1;
}