/* style.css */

/* 1. Applying a Background Color to the whole page */
body {
    background-color: #F9F3F0; /* A soft, warm cream color */
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* 2. Applying a Text Color and Padding/Margin */
.hero-section {
    color: #5D4037;           /* A deep earthy brown for the text */
    padding: 60px;            /* Inner space: moves text away from the edges */
    margin: 40px;             /* Outer space: moves the whole box away from the screen edge */
    background-color: white;  /* Contrast for the hero box */
    text-align: center;
    border-radius: 15px;
}

h1 {
    margin-bottom: 20px;      /* Space specifically below the heading */
}