.top.fixed.menu {
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.16) !important; }
  .top.fixed.menu .header {
    font-weight: 100;
    padding: 0 15px !important; }
  .top.fixed.menu .dropdown.item {
    box-shadow: none !important; }

.timer {
  position: fixed;
  z-index: 102;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  transform: translateX(-50%);
  font-size: 23px;
  font-weight: 100; }
  .timer span.time {
    vertical-align: top;
    font-size: 30px; }

.footer-pusher {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.main-container {
  margin: 80px 0 10px;
  flex: 1; }

footer {
  padding-bottom: 30px !important;
  padding-top: 30px !important; }

.text.muted {
  color: #a9a9a9; }

.arena .header.row .column {
  height: fit-content; }

.arena .header.row .ui.header {
  margin-left: auto;
  margin-right: auto;
  width: fit-content; }

.arena .cards.row .column {
  height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center; }
  .arena .cards.row .column .card > .content {
    text-align: left;
    padding: 0.5em 0.7em; }

.arena .end.row .column {
  height: fit-content; }
  .arena .end.row .column textarea {
    font-size: small !important; }

.clock {
  border: none;
  background: transparent;
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /*
  margin: auto;*/
  flex-direction: column;
  animation: clock 5s ease-in-out infinite; }
  .clock .cup {
    background: #a9a9a9;
    height: 30%;
    width: 30%;
    border-radius: 50% 50% 0 0/ 100% 100% 0 0;
    overflow: hidden; }
  .clock .top:not(.menu) {
    transform: rotate(180deg); }
  .clock .sand {
    background: #000;
    height: 150%;
    width: 150%;
    transform-origin: 0% 0%;
    animation: sand 5s linear infinite -2.5s; }
  .clock .delayed {
    animation-delay: 0s; }

@keyframes clock {
  0% {
    transform: rotate(0deg); }
  25%, 50% {
    transform: rotate(180deg); }
  75% {
    transform: rotate(360deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes sand {
  0%, 100% {
    border-radius: 5%;
    transform: translate(35%, 20%) rotate(45deg); }
  15% {
    border-radius: 40%;
    transform: translate(0%, 35%) rotate(-65deg) scale(1.5, 1.5); }
  25% {
    border-radius: 20%;
    transform: translate(-15%, 35%) rotate(-90deg) scale(1.2, 1.2); }
  50% {
    border-radius: 5%;
    transform: translate(0%, 0%) rotate(-90deg) scale(1, 1);
    opacity: 1; }
  50.01%, 64.99% {
    opacity: 0; }
  65% {
    border-radius: 35%;
    transform: translate(20%, 50%) rotate(30deg);
    opacity: 1; }
  75% {
    border-radius: 10%;
    transform: translate(35%, 40%) rotate(45deg); } }

body {
  background: url("/assets/images/topography.png"); }

/*# sourceMappingURL=retro-ninja.css.map */