header{
    background-color: #00f7ff; 
    color: #1900ff; 
    margin-bottom: 5%;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    font-family: Arial, sans-serif; 
    font-style: initial;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
    border-color: aquamarine;
    border-style: solid;
    border-radius:  5px;
    border-width: 1px;
}
body {
    background-color: #008cff; 
    color: #00ffdd; 
    margin-bottom: 5%;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    font-family: Arial, sans-serif; 
    font-size: 1em;
}
main{
    background-color: #0091ff;
    color: #002461;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-family: Arial, sans-serif;
    font-style: normal;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
  }


    
footer {
    background-color: #ff0000;
    color: #681e1e;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-family: Arial, sans-serif;
    font-style: normal;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 1em;
  }


h1 {
    color: #af3e25; 
    padding-left: 1em;
    padding-right: 1em;
}
h1 {
    /* Drop shadow with horizontal and vertical offsets */
    box-shadow: 5px 5px 10px rgba(2, 124, 255, 0.3);
 }
 body {
    /* Gradient background with a fallback color */
    background: linear-gradient(to bottom, #dbd834, #b92929);
    background-color: #dba634; /* Fallback color for non-supporting browsers */
 }
 

p.normText {
    font-family: 'Times New Roman', Times, serif; 
    font-size: 1em;
    color: #1aff00;
    padding-left: 1em;
    padding-right: 1em;
}
/* h1 and h2 styles */
h1, h2 {
    padding: 1em;
    color: #333; /* Change to your desired text color */
    font-size: 1.5em; /* Adjust the font size as needed */
}

/* Ordered list styles */
ol li {
    color: #666; /* Change to your desired text color */
    font-family: Arial, sans-serif; /* Change to your desired font family */
    font-size: 1em; /* Adjust the font size as needed */
}

/* Unordered list styles */
ul li {
    color: #888; /* Change to your desired text color */
    font-family: Arial, sans-serif; /* Change to your desired font family */
    font-size: 1em; /* Adjust the font size as needed */
}

/* dt and dd styles */
dt {
    color: #444; /* Change to your desired text color */
    font-family: Arial, sans-serif; /* Change to your desired font family */
    font-size: 1em

/* Style rules for all images */
}

/* Style rules for all images */
img {
    max-width: 50%;
    height: auto;
    margin: 10px;
 }
 
 /* Style rules for left-aligned images */
 img.left {
    float: left;
    margin-right: 20px;
 }
 
 /* Style rules for right-aligned images */
 img.right {
    float: right;
    margin-left: 20px;
 }
 #story p {
    text-indent: 20px; 
 }
 
 /* Apply a gradient background to the entire page */
body {
    background: linear-gradient(to bottom, #3498db, #2980b9);
    background-color: #3498db; /* Fallback color for non-supporting browsers */
    margin: 0; /* Remove default margin to fill the entire viewport */
    padding: 0; /* Remove default padding */
 }
 
 /* Style for the heading with a drop shadow */
 h1.drop-shadow {
    text-align: center; /* Center the heading */
    padding: 20px; /* Add some padding for spacing */
    font-size: 36px; /* Adjust the font size */
    color: #fff; /* Text color */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Drop shadow */
 }