/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/* 1. Style the main browser environment */

/* 2. Format the white canvas page layer */


body {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: black;
    background-color: #ffc5d3;
    margin: 20px;
    padding: 20px;
}
.page-container {
    background-color: #ffffff; /* Sets the container to solid white */
    max-width: 800px; /* Restricts the sheet width */
    margin: 40px auto; /* Centers horizontally, adds space top/bottom */
    padding: 30px; /* Pads content cleanly away from the edges */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Optional: Soft shadow border */
    border-radius: 8px; /* Optional: Softens sharp layout edges */
}
/* This is a comment, by the way */

p {
    line-height: 21px;
}

h1 {
    color: black;
}

h2 {
    color:black;
}

h3 {
    color: hotpink;
    font-size: 1.25em;
}

img {
    border-style: dashed;
    border-width: 2px;
    border-color: #ccc;
}

a {
    text-decoration: none;
}

strong {
    font-style: italic;
    text-transform: uppercase;
}

li {
    color: #900;
    font-style: italic;
}

table {
    background-color: #ccc;
}