body {
    background-color: #1D555D; /*This blue kinda fits the lake vibe that the house has*/
}

h1 {
    text-align: center; /*Allows the important text to be front and center*/
    font-style: italic; /*Extra styling to make it stand out*/
    color:  #FBED93; /*Good contrast to the blue background*/
    font-weight: 300; /*Make the heading a little thinner making it look more pleasent */
}

table,
th,
td {
    border: 3px solid rgb(25, 173, 62); /* Puts a border inbetween the table slots letting it be organized more clearly */
}

.image { /*Class for my navbar background image parameters withought messing with the normal images */
    background-image: url(pexels-pixabay-62307.jpg); /* Makes in image into the background for my nav bar */
    height: 50px; /*Makes the image less slim so that it can be spotted easier at the top*/
    width: auto; /*Auto adjusts to whatever the screen size is*/
}

img { /*Spacing to make the images fit nicer with whatever the screen size is*/
    margin: 1%;
    border: 5px solid rgb(25, 173, 62); /*Give the images a nice consistant seperator from the others*/
    padding: 1%;
}

nav,
a {
    position: sticky; /*Ensures it always stays at the top of the screen*/
    top: 0px; /*Actually sticks it to the top*/
    text-align: center;
    color: #FBED93;
}



table {
    width: 100%; /*Makes the table take up the enitire width of the window for less dead space*/
    height: 25vh; /*Makes it always take up 25 percent of the view height*/
    text-align: center;
    color: #FBED93;
}

fieldset {
    border: 5px dashed rgb(25, 173, 62);
    color: #FBED93;
}

footer {
    text-align: center;
    color: #FBED93;
}