@font-face {
  font-family: 'Product Sans Bold';
  src: url('productsansbold.ttf') format('truetype');
}

@font-face {
  font-family: 'Glacial Indifference';
  src: url('glacialindifference.ttf') format('truetype');
}

body {
  background-color: #121212;
  color: white;
  text-align: center;
  font-family: 'Glacial Indifference', sans-serif;
}

h1 {
  font-family: 'Product Sans Bold', sans-serif;
  font-size: 2.5rem;
  margin-top: 100px;
}

.quote {
  font-family: 'Glacial Indifference', sans-serif;
  margin-bottom: 50px;
}

.search-box {
  display: flex;
  justify-content: center;
  margin: 30px auto;
  width: 50%;
  max-width: 500px;
}

.search-box input {
  flex: 1;
  padding: 15px;
  border-radius: 25px 0 0 25px;
  border: none;
  outline: none;
  font-family: 'Glacial Indifference', sans-serif;
  font-size: 1rem;
}

.search-box button {
  padding: 15px;
  border: none;
  border-radius: 0 25px 25px 0;
  background-color: #3a6eff;
  color: white;
  cursor: pointer;
  font-size: 1.2rem;
  transition: 0.3s;
}

.search-box button:disabled {
  background-color: #555;
  cursor: not-allowed;
}

.apps {
  margin-top: 60px;
  display: flex;              
  justify-content: center;    
  align-items: center;        
}

.apps a {
  text-decoration: none;
  display: inline-block;
}

.apps img {
  margin: 0 20px;
  width: 50px;
  height: 50px;
  transition: transform 0.2s ease-in-out;
}

.apps img:hover {
  transform: scale(1.2);
}

.footer-text {
  margin-top: 15px;
  font-family: 'Glacial Indifference', sans-serif;
  font-size: 0.9rem;
  color: #ccc;
}

.search-icon {
  width: 24px;
  height: 24px;
}

/* Sonic sticker */
.sticker {
  position: fixed;
  bottom: 10px;        /* small padding from bottom */
  right: 0;            /* stick to right */
  max-width: 15%;      /* responsive width */
  height: auto;        /* maintain aspect ratio */
  z-index: 1000;       /* stay on top */
  pointer-events: none; /* clicks pass through */
}