body {
  background-color: #ffffff;
  margin: 0px;
}

.container {
  display: grid;
  grid-template-columns: [start] auto [content-start] fit-content(700px) [content-end] auto [end];
}

.content-container {
  grid-column: content-start / content-end;
}

.big-image {
  object-fit: contain;
  width: 100%;
}

.description {
  padding-top: 10px;
  padding-bottom: 100px;
  font-size: x-large;
  font-family: "League Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #011053;
}

.title-block {
  grid-column: start / end;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #011053;
}

.countdown-block {
  grid-column: start / end;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #5271ff;
}

.join-button {
  background-color: #ffffff;
  color: #011053;
  transition-duration: 0.2s;
  border: none;
  border-radius: 4px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-family: "League Gothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 40pt;
}

.join-button:hover {
  background-color: #cccccc;
  cursor: pointer;
}

.join-button-a {
  display: block;
  height: 50px;
}

@font-face {
  font-family: "League Gothic";
  src: url(LeagueGothic-Regular-VariableFont_wdth.ttf)
}

p {
  padding-left: 10px;
  padding-right: 10px;
}

.img-text-split {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.organization-image-container {
  width: 200px;
  height: 200px;
}

.organization-image {
  height: 100%;
  width: 150px;
  height: 150px;
}

span.pig { unicode-bidi: bidi-override; direction: rtl }
span.alex-graham-bell:before { content: "8616" }
span.alex-graham-bell:after { content: "312" }