body {
        background-image: url("images/photo.jpg");
        background-position: center; 
        background-size: cover; /* makes the background image cover the entire background area */
      }
      img {
        width: 350px; /* sets the width of the image to 350 pixels */
        border-radius: 10px; /* adds rounded corners to the image with a radius of 10 pixels */
        float: left;
        margin-right: 10px;
        margin-bottom: 20px;
      }
      #animation-web-page {
        color: rgb(8, 225, 80); /* sets the text color of the link with id "animation-web-page" to blue */
      }
      p.username {
        font-weight: bold;
      }
      a {
        display: block; /* makes each link appear on a new line */
        margin-bottom: 6px; /* optional for spacing */
      }
      .inline {
        display: inline; /* makes the h1 element behave like an inline element */
        margin-right: 5px; /* adds some space to the right of the h1 element */
      }
      .below-image {
        clear: both; /* ensures this paragraph appears below the floated image */
      }
      .mond:hover {
        background-color: lightsalmon; /* sets the background color of the Monday header cell to light coral when hovered over */
      }
      .tue:hover {
        background-color: lightseagreen; /* sets the background color of the Tuesday header cell to light sea green when hovered over */
      }
      .wed:hover {
        background-color: lightsalmon; /* sets the background color of the Wednesday header cell to light salmon when hovered over */
      }
      .thur:hover {
        background-color: lightseagreen; /* sets the background color of the Thursday header cell to light sky blue when hovered over */
      }
      .fri:hover {
        background-color: lightsalmon; /* sets the background color of the Friday header cell to light yellow when hovered over */
      }
      .sat:hover {
        background-color: lightseagreen; /* sets the background color of the Saturday header cell to light slate gray when hovered over */
      }
      .sun:hover {
        background-color: lightsalmon; /* sets the background color of the Sunday header cell to light salmon when hovered over */
      }
      .days {
        background-color: lightblue; /* sets the background color of the header row to light blue */
      }
      
      .time {
        background-color: lightgray; /* sets the background color of the second row to light gray */
      }
      table {
        width: 100%; /* makes the table take up the full width of its container */
        height: 100px;
        border: 1px solid black; /* adds a border around the entire table */
        border-top: 1px solid black; /* adds a border to the bottom of the table */
        border-collapse: collapse; /* collapses the borders of the table cells into a single border */
      }
      th,
      td {
        border: 1px solid black; /* adds a border around each table cell */
        padding: 8px; /* adds some padding inside each table cell for better readability */
      }
      #border {
        border: 2px solid black; /* adds a solid black border around the paragraph with id "border" */
        padding: 5px; /* adds some padding inside the border for better readability */
        border-color: goldenrod; /* sets the color of the bottom border to goldenrod */
        border-width: 10px; /* sets the width of the bottom border to 10 pixels */
        border-radius: 10px; /* adds rounded corners to the border with a radius of 10 pixels */
      }
      h1 {
        color: white; /* sets the text color of all h1 elements to white */
      }
      li:nth-of-type(1) {
        color: red; /* sets the text color of the first list item to red */
      }
      li:nth-of-type(1):hover {
        color: blue; /* sets the text color of the first list item to blue when hovered over */
      }
      li{
        font-size: larger; /* sets the font size of all list items to larger */
      }