/* Define the ExtraBold font for titles */
@font-face {
    font-family: 'HelveticaNowDisplay'; /* Choose a family name */
    src: url('fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800; /* Use a high weight for ExtraBold */
    font-style: normal;
}

/* Define the Medium font for regular text */
@font-face {
    font-family: 'HelveticaNowDisplay'; /* Use the same family name */
    src: url('fonts/HelveticaNowDisplay-Medium.ttf') format('truetype');
    font-weight: 500; /* Use a medium weight for Medium */
    font-style: normal;
}

body {
    background-image: url('../images/background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    min-height: 100vh;
    margin: 0;
    font-family: 'HelveticaNowDisplay', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

h1 {
  font-weight: 800;
  font-size: 50px;
  margin-bottom: 0;
  line-height: 20px;
  margin-top: 80px;
}

.main-content {
    padding: 40px;
    max-width: 600px;
    margin: 0 auto;
    
    margin-top: 100px; 
    text-align: center;
    border-radius: 10px;
}

.main-content p {
  margin-top: 64px;
  font-size: 18px;
}

button {
  background-color: rgb(204, 33, 39);
  padding: 16px 72px;
  border-radius: 18px;
  border: none;
  font-size: 18px;
  margin-top: 12px;
  color: white;
  cursor: pointer;
}