body {
    margin: 0px;
    background-color:#FBC4AB;
}

nav {
    position: sticky;
    top: 0;
    background-color:#F08080;
    margin: 20px 10px;
    padding:7px;
}

main {
    margin: 10px 20px;
    background-color:#FFDAB9;
    padding: 5px 30px;
}

header {
    background-image: url("images/sun.jpg");
    background-size: 100% 175%;/* Adjusts how much of the background is shown in relation to the element--full length is shown, but full height is not */
    padding: 50px 10px;
}

img {
    height: 300px;
    width: 300px;
    float: right;
    margin: 20px;
    border: 5px solid black;
}

table,tr,th,td {
    border: 2px solid;
    border-collapse: collapse;/* Makes it so that there are not multiple borders around a single element */
    color:black;
    padding: 10px 20px;
    text-align: center;
}
ul{
    padding: 10px;
}
input{
    display:block;
}
textarea{
    display:block;
    width: 500px;
    height: 100px;
}