@font-face {
  font-family: 'AlteHaasGroteskBold';
  src: url('https://psicough.neocities.org/alte_haas_grotesk/AlteHaasGroteskBold.ttf');
}

body {
  font-family: 'Roboto', sans-serif;
  background-color: #151617;  /* background-image: url("your-image.png"); */
  color: #F0F0F0; /* light gray text for better readability */
  line-height: 1.6;
  padding: 20px;
  display: flex;
  justify-content: center; /* Centers the container horizontally */
}

h1, h2 {
  font-family: 'AlteHaasGroteskBold', sans-serif; /* Replace 'Montserrat' with your new font name */
  src: url('/alte_haas_grotesk/AlteHaasGroteskBold.ttf') format('ttf');
  font-weight: 700;                     /* Makes titles bold */
  color: #F0F0F0;                       /* A darker color for emphasis */
}

.container {
  max-width: 600px;       /* This controls how narrow the column is */
  width: 100%;            /* Ensures it stays responsive on mobile */
  background: #151617;      /* Optional: gives the column a background */
  padding: 40px;          /* Space inside the column */
  box-shadow: 0 1px 20px rgba(1,1,1,0.3); /* Optional: adds a nice shadow */
  border-radius: 8px;     /* Optional: rounds the corners */
  text-align: center;
  transform: scale(1);
}


a {
  color: #ff4500; /* Give your links a custom color */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

ul {
  list-style-type: none;
}