/* Apply changes directly to the page body */
body {
    background-color: #bae6fd; /* Skyblue background */
    margin: 0;
    /* Adds a 5% spacing on the left and right margins of the viewport */
    padding: 20px 5%; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    box-sizing: border-box;
}

/* Center all headings and color them maroon */
h1, h2, h3, h4 {
    color: maroon;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: bold;
}

/* Force all paragraphs to be justified with clean line spacing */
p {
    font-size: 18px;
    line-height: 1.7;
    color: #000000;       /* Deep blue color for crisp reading text */
    text-align: justify;  /* Justifies paragraphs smoothly */
    margin-bottom: 15px;
}