.tile-limited {
  height: 220px;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.tile {
  text-align: center;
  vertical-align: middle;

  line-height: 1.5;
  vertical-align: middle;
  padding: 1rem;
}

.tile .tile-content {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.tile .number {
  color: blanchedalmond;
}

.tile .country {
  padding-bottom: 2em;
}

.tile .artist {
  font-size: 110%;
}

.tile .song,
.tile .username {
  font-size: 110%;
  font-weight: bold;
}

.tile .id {
  display: none;
}

.tile .tilePoints {
  visibility: hidden;
  font-style: italic;
}

.tile:hover .tilePoints {
  visibility: visible;
}

.tiles-line {
  display: flex;
  justify-content: center;
}

.tiles {
  width: 100%;
}

@media screen and (max-width: 64em) {
  .tile {
    background: #1c7ec0;
  }

  .tile:nth-child(even) {
    background: #5aafe7;
  }

  .hidden-tile {
    display: none;
  }
}

@media screen and (min-width: 64em) {
  .tile {
    background: #1c7ec0;
  }
  
  .tile:nth-child(2),
  .tile:nth-child(4),
  .tile:nth-child(6),
  .tile:nth-child(8),
  .tile:nth-child(9),
  .tile:nth-child(11),
  .tile:nth-child(13),
  .tile:nth-child(15),
  .tile:nth-child(18),
  .tile:nth-child(20),
  .tile:nth-child(22),
  .tile:nth-child(24),
  .tile:nth-child(25),
  .tile:nth-child(27),
  .tile:nth-child(29),
  .tile:nth-child(31) {
    background: #5aafe7;
  }
  
  .hidden-tile {
    visibility: hidden;
  }
}

.tiles-line .tile:hover {
  background-color: #0b314b !important;
  cursor: pointer;
}

.list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  text-align: left;
  align-content: center;
}

.list p {
  margin: 0.25rem 0rem;
}

.eurovote-title {
  text-transform: none;
  font-size: 3rem;
}

.title1st {
  color: #003399;
}

.title2nd {
  color: #FFCC00;
}