* {
    box-sizing: border-box;
} 

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 9px;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bolder;

}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* prevents sideways scroll from margins */
  }
  
  body {
    display: flex;
    flex-direction: column;
    background-color: rgb(255, 253, 250); /* matches your main tone */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: none;
  }
  
  main {
    flex: 1; /* pushes footer to bottom of viewport */
  }
  /* cursor for the main page */
  body, html {
    cursor: crosshair;
  }

  /* Footer styling */
  footer {
    border-top: 0px solid lightgray;   /* subtle divider line */
    background-color: transparent;
    color: #990000;
    text-align: right;
    padding: 15px 15px 25px 15px;      /* spacing inside footer */
    margin: 0 5px 5px 5px;             /* 5px gap from sides & bottom */
    box-sizing: border-box;
  }
  
  /* <hr> grey/red line css */
hr {
   display: block;           /* ensures it shows even if media rules hid it */
   border: none;
   border-top: 1px solid #990000;
   margin: 20px 15 0px 15px;         /* 20px vertical gap, 15px side gap */
   width: calc(100% - 7px); /* 5px space on each side */
 }

  /* thank you page styling css */

 .thankyou-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;  /* vertical centering */
  align-items: center;      /* horizontal centering */
  text-align: center;
}

.box {

  padding: 20px;
  border-radius: 10px;
  font-size: 12px;
  max-width: 300px;
  background: rgb(255, 253, 250);
  color: #990000;   /* ← make text red */
}


a {
  display: inline-block;
  margin-top: 20px;
  text-decoration: underline;
  font-size: 9px;
}