@font-face {
  font-family: 'schoolbell';
  src: url('schoolbell.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  text-align: center;
  background-color: black;
  color: white;
  font-family: 'schoolbell', Comic Sans MS;
  h1 {
    font-size: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 200px;
    margin-right: 200px;
  }
  h2 {
    font-size: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 200px;
    margin-right: 200px;
  }
  h3 {
    font-size:  40px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 200px;
    margin-right: 200px;
  }
  p {
    font-size: 30px;
    margin-left: 200px;
    margin-right: 200px;
  }
  a {
   color: yellow; 
  }
  .header {
   background-image: url("club.png"); 
  }
  .featured {
    background-image: url("corridor.png");
  }
  .episode {
    background-image: url("room.png");
    text-align: left;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
    p {
      font-size: 25px;
      margin-left: 20px;
    }
  }
}