/* Import custom heading font */
@font-face {
  font-family: 'HeaderFont';
  src: url('fonts/Header.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* General page styling */
body {
  background-color: #FFF0F3;   /* soft pink background */
  color: #1e140a;              /* dark text */
  font-family: Verdana, sans-serif;  /* body text font */
  font-size: 18px;
  margin: 0;
  padding: 20px;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'HeaderFont', serif;  /* your uploaded font */
  font-size: 66px; 
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/* Title centered across the page */
h2 {
  text-align: center;
  margin-bottom: 20px;
}

/* Two-column layout */
.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;   /* space between text and gif */
}

/* Text column */
.text {
  width: 60%;
}

/* Gif column */
.gif img {
  width: 250px;       /* adjust size */
  max-width: 100%;    /* prevents overflow */
  display: block;
}

/* Mobile-friendly layout: stack columns */
@media (max-width: 700px) {
  .container {
    flex-direction: column;
    align-items: center;
  }

  .text {
    width: 100%;
  }

  .gif img {
    margin-top: 20px;
  }
}