/* makes a light green nav bar that stays in place when scrolling */
.navbar {
    background-color: lightgreen;
    padding: 20px;
    text-align: center;
    border: 3px solid;
    border-color: black;
    position: sticky;
    top: 0;
}

/* gives links background colors and individuality */
a {
    color: darkgreen;
    background-color: white;
    border: 2px solid black;
    padding: 5px;
}

/* visited links have the text color saddlebrown */
a:visited {
    color: saddlebrown;
}

/* inverts color scheme of links when hovered over */
a:hover {
    color: white;
    background-color: darkgreen;
}

/* turns background color of all pages dark green */
#body-background {
    background-color: darkgreen;
}

/* gives h1 a background and box to be set in and new text color */
h1 {
    color: lightgreen;
    text-align: center;
    background-color: #8F5433;
    padding: 10px;
    border: solid 3px black;
}

/* positions the special */
#special {
    position: fixed;
    bottom: 20px;
    right: 20px;
    margin-left: 280px;
}

/* gives the header of special space and orange coloring */
#special-header {
    background-color: darkorange;
    font-size: 20px;
    padding: 10px 20px 10px 35px;
}

/* changes background color of the smaller text in special */
#special-text {
    background-color: yellow;
    padding: 3px 10px;
    font-size: 15px;
}

/* floats the kitchen image to the right and gives spacing between pictures */
#cabin-kitchen {
    float: right;
}

/* places the image in the center */
#cabin-bedroom {
    margin-left: 170px;
}

/* adds space between stacked images */
#cabin-couch {
    margin-top: 20px;
}

/* places the image in the center */
#cabin-stairs {
    margin-left: 170px;
}

/* centers the h2 text, gives it a background, and makes it white */
h2 {
    color: white;
    text-align: center;
    background-color: #8F5433;
    padding: 10px;
    border: solid 3px black;
    background-image: url(pinecones.jpg);
    outline: solid 2px lightgreen;
    font-weight: bolder;
    background-color: black;
}

/* centers the table and creates a collapsed border */
table,
th,
td {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid black;
    border-collapse: collapse;
}

/* makes a thicker border on the outside of the table */
table {
    border: 2px solid black;
}

/* makes every other row light green */
tr:nth-child(even) {
    background-color: lightgreen;
}

/* makes every other row white */
tr:nth-child(odd) {
    background-color: white;
}

/* creates backgound color and white text for the form with margin and padding spacing to position the box */
form {
    color: white;
    background-color: #8F5433;
    padding: 10px;
    border: solid 2px black;
    margin-top: 10px;
    text-align: center;
    margin-right: 400px;
    margin-left: 400px;
    border-radius: 20px;
}