body.partyquiz .hack-limit-btn-height .button,
body.partyquiz .hack-limit-btn-height .button b {
  max-height: 3.2em;
  line-height: 1.2em;
}
@media (hover: hover) {
  body.partyquiz .button:hover {
    transform: scale(1.1);
  }
}
body.partyquiz .button {
  background-color: var(--color-c);
  color: var(--color-a);
  padding: 0.5em;
  border-radius: 15px;
  box-shadow: inset 0px 0px 1px #ffffff50;
  text-shadow: 2px 2px #000a;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition-duration: 100ms;
  width: 400px;
}
body.partyquiz .button:active {
  transform: scale(0.95);
  filter: brightness(0.9) contrast(1.2);
}
body.partyquiz .button.color-white {
  background-color: var(--color-a);
  color: var(--color-c);
  width: 120px;
  height: 120px;
}
body.partyquiz .button.color-red {
  background-color: var(--color-d);
}
body.partyquiz .button.color-green {
  background-color: var(--color-b);
}
body.partyquiz .button.color-blue {
  background-color: var(--color-c);
}
body.partyquiz .button::after {
  margin: auto 10px 0 10px;
  position: relative;
  top: 0.1em;
  pointer-events: none;
}

:root {
  --color-a: white;
  --color-b: #00c45d;
  --color-c: #078ce4;
  --color-d: #ff4c65;
  --size-header: 80px;
  --overlay-scale: 0.5;
}
html,
body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  display: flex;
  touch-action: manipulation;
}

body.partyquiz {
  font-size: 32px;
  background-size: 100vw;
  background-image: url("../assets/background_light.png");
  font-family: "partyquiz", sans-serif;
  color: #351b77;
}

@font-face {
  font-family: "partyquiz";
  src: url("../assets/play.regular.ttf");
}

body.partyquiz bb {
  margin: 0 auto;
}

body.partyquiz .hidden {
  display: none !important;
}

body.partyquiz header {
  margin: 0px auto;
  margin-top: 20px;
}

body.partyquiz header icon {
  background-image: url("../assets/party_quiz_logo.png");
  height: var(--size-header);
  width: min(var(--size-header) * 5.5, 80vw);
  background-size: 120%;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
}

body.partyquiz .column {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 30px;
  position: center;
  place-items: center;
  width: 100%;
  text-align: center;
}

body.partyquiz .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
}

body.partyquiz .centered-y {
  margin: auto 0;
}

body.partyquiz .centered-all {
  margin: auto;
}

body.partyquiz .max-h-10 {
  max-height: 10em;
  overflow-y: scroll;
  overflow-x: hidden;
}

body.partyquiz .button.avatar {
  background-color: var(--color-c);
  width: 100px;
}

body .center .select-button {
  width: 200px;
  height: 180px;
  line-height: 300px;
  text-align: center;
  cursor: pointer;
  border-radius: 80%;
  background: #f74d4d -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f74d4d), color-stop(100%, #f86569));
  box-shadow: 0 15px #e24f4f;
  touch-action: manipulation;
}

body .center .select-button:active {
  box-shadow: 0 0 #e24f4f;
  -webkit-transform: translate(0px, 15px);
  -moz-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  -o-transform: translate(0px, 15px);
  -webkit-transition: 0.1s all ease-out;
  -moz-transition: 0.1s all ease-out;
  -ms-transition: 0.1s all ease-out;
  -o-transition: 0.1s all ease-out;
  transition: 0.1s all ease-out;
}

body .center .select-button-blocked {
  width: 200px;
  height: 180px;
  line-height: 300px;
  text-align: center;
  cursor: pointer;
  border-radius: 80%;
  background: #f74d4d -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f74d4d), color-stop(100%, #f86569));
  box-shadow: 0 15px #e24f4f;
  touch-action: none;
  opacity: 0.3;
}

body .center .select-button-blocked:active {
  box-shadow: 0 0 #e24f4f;
  -webkit-transform: translate(0px, 15px);
  -moz-transform: translate(0px, 15px);
  -ms-transform: translate(0px, 15px);
  -o-transform: translate(0px, 15px);
  -webkit-transition: 0.1s all ease-out;
  -moz-transition: 0.1s all ease-out;
  -ms-transition: 0.1s all ease-out;
  -o-transition: 0.1s all ease-out;
  transition: 0.1s all ease-out;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}
body.partyquiz .button {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}

.empty_space {
  margin-bottom: 1cm;
}

.empty_space_5 {
  margin-bottom: 5cm;
}

.container {
  display: flex;
  justify-content: center;
}

.language-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  place-items: center;
}

.language-block-button {
  padding: 15px 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  word-break: break-word;
  font-weight: 700;
  width: 100% !important;
  max-width: 400px;
}

@media (max-width: 425px) {
  .language-block-button {
    padding: 15px 50px !important;
  }
}