.header {
    padding: 60px;
    text-align: center;
    background-image: url("castle.png");
    background-color: #1abc9c; /* Used if the image is unavailable */
    height: 400px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    color: rgb(224, 66, 66);
    font-size: 30px;
    margin: 0;
  }

body {
    background-color: #f0f8ff;
    font-family: sans-serif;
    font-size: 16px;
    color: #333;
    margin: 0;

  }

  h1 {
    font-size: 80px;
    margin-top: 0;
    font-family: 'Bubbles';
  }
  
  p {
    margin-bottom: 10px;
  }
  
  a {
    color: #000;
    text-decoration: none;
  }
  
  .main {
    width: 87%;
    margin: 0 auto;
  }
  
  .box {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
  }
  
  .text-color {
    color: #000;
  }
  #second {
    display: none;
  }
  #third {
    display: none;
  }
  #fourth {
    display: none;
  }
  .first{
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }
  .second{
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }  
  .third{
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  } 
  .fourth{
    display: block;
    padding-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }   
  .key {
    padding-top: 10px;
    padding-bottom: 20px;
    border-radius: 6%;
  }
  #button {
    display: none;
  }
  .button {
    background-color: #e981f3; /* Green */
    color: white;
    border-radius: 25%;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
  }

  @font-face {
    font-family: 'Bubbles'; /*a name to be used later*/
    src: url('/balloons-font/Balloons-3ArL.ttf'); /*URL to font*/
}