* {
  box-sizing: border-box;
}

body {
  font-family: helvetica, arial, sans-serif;
}

/* For big screens */
@media screen and (min-width: 450px) {
  body {
    width: 450px;
    margin: auto;
  }
}

header {
  text-align: center;
}

h1 {
  font-weight: bold;
  font-size: 2.3em;
  color: #25a7da;
}

footer {
    position: absolute;
    bottom: 20px;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

#emoji-slot {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#emoji-slot table {
  width: 100%;
  margin-bottom: 25px;
}


#emoji-slot #slot-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.slot {
  font-size: 3em;
  width: 50px;
}

#slot-button-flex, #clipboard-button-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

button {
  border: 4px solid skyblue;
  border-radius: 13px;
  font-size: 2em;
  padding: 10px;
  margin-bottom: 20px;
}

button:hover {
  font-style: italic;
}