#search-bar {
  background-color: #34A65F;
  border: 2px;
  border-style: solid;
  text-decoration-color: aqua;
}
.game-card {
  background-color: #0a192f;
  border-radius: 10px;
  display: inline-block;
  margin: 1em;
  overflow: hidden;
  width: 200px;
}

.game-thumbnail {
  width: 100%;
  height: 150px;
  object-fit: cover;
}



body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #0a192f;
  color: #e2e8f0;
  margin: 0;
  padding: 2em;
  /* background-image: url(tim_cheese.png);
  background-size: 100% 100%;
  background-attachment: fixed; */
  
  background: linear-gradient(45deg, var(--color-1) 0%, var(--color-1) 25%, var(--color-2) 25%, var(--color-2) 50%, var(--color-3) 50%, var(--color-3) 75%, var(--color-4) 75%, var(--color-4) 100%);
  background-size: 200% 200%;
  background-attachment: fixed; 
  animation: gradient-animation 30s ease infinite; 
}

a {
  color: #a78bfa;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

h1 {
  color: #8b5cf6;
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.9);
}

hr {
  border: 1px solid #8b5cf6;
}

p {
  margin: 0.5em 0;
}

strong {
  color: #8b5cf6;
}

span {
  color: #a0aec0;
}

:root {
  --color-1: #0a192f;
  --color-2: #8b5cf6;
  --color-3: #0a192f;
  --color-4: #a78bfa;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}