@font-face {
  font-family: 'MyCustomFont';
  src: url('Transducer_Medium.woff2') format('woff2');
}

#logo {
  display: block;
  max-width: 180px;
  margin: 0 auto;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.7));
  margin-top: 50px;
  margin-bottom: 30px;
}

@media (max-width: 600px) {
  #logo {
    max-width: 130px;
  }
}

.social-links {
  list-style: none;
  padding: 0;
  margin: 20px auto;
  text-align: center;
  max-width: 400px;
}

.social-links li {
  margin-bottom: 10px;
}

.social-links a {
  color: aliceblue;
  text-decoration: none;
  font-family: 'MyCustomFont', sans-serif;
  font-size: 26px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.7));
  margin-top: 20px;
  transition: color 0.3s ease;
}

.social-xitter a:hover {
  color: #1DA1F2;
}

.social-bluesky a:hover {
  color: #007FFF;
}

.social-youtube a:hover {
  color: #FF0000;
}

.social-twitch a:hover {
  color: #9146FF;
}

.social-itch a:hover {
  color: #FA5C5C;
}

body {
  background-image: url(pa077.jpg);
  background-repeat: repeat;
}

body.dark-mode {
  background-image: url(pa063.jpg);
  background-repeat: repeat;
}

.hit-counter-container {
  text-align: center;
}
.switch {
  position: fixed;
  bottom: 10px;
  left: 10px; 
  z-index: 1000;
}

p {
    color: aliceblue;
    text-align: center;
    text-shadow: 1px 1px 5px #000000;
    font-family: 'MyCustomFont', 'Courier New', Courier, monospace;
    max-width: 500px;
    margin: 0 auto;
    font-size: large;
    padding-bottom: 20px;

}
.new-game-embed{
  text-align: center;
}
img{
  margin: 0 auto;
  display: block;
  max-width: 400px;
  padding-top: 10px;
  padding-bottom: 10px;;
}