body {
  font-family: 'Arvo', 'Lato', system-ui, -apple-system;
}
.gradient-bg {
  background:
    radial-gradient(#00000040 0.5px, transparent 0.5px),
    radial-gradient(#00000040 0.5px, transparent 0.5px),
    linear-gradient(#2C2E3A 0%, #15161C 100%);
  background-size: 20px 20px, 20px 20px, cover;
  background-position: 0 0, 10px 10px, center;
  background-repeat: repeat, repeat, no-repeat;
}

.container {
  background-color: rgba(0,0,0,0.3);
  border-radius: 10px;
  padding: 10px;
  margin: 8px;
  max-width: 300px;
}
.v-container {
  background-color: rgba(0,0,0,0.3);
  border-radius: 10px;
  padding: 10px;
  margin: 5px;
  max-width: 145px;
  max-height: 300px;
}

i {
  margin: 0px 1px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
i:active {
  opacity: 0.7;
}
button {
  background-color: rgba(44, 46, 58, 1);
  padding: 5px 14px;
  border-radius: 5px;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
button:active {
  opacity: 0.7;
}

@media (min-width: 1024px) {
  .container {
    max-width: 500px;
  }
  .v-container {
    max-width: 250px;
    max-height: 500px;
  }
}