div, nav {
    font-family: 'Quicksand', sans-serif;
    padding: 5px;
}

#background{
    font-size: 17pt;
}

.title {
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 2px grey;
    transition: width 2s, height 4s;
}

.nav-item:hover{
    font-size: 110%;
}

.nav-item{
    margin-left: 10px;
}

nav{
    font-size: 20pt;
}

#carbon{
    border-style: solid;
    font-size: 20pt;
    border-color: black;
}

th, td{
    padding: 10px;
}

tr:nth-child(even){
    background-color: rgb(142, 255, 132);
}

tr:nth-child(odd){
    background-color: rgb(147, 163, 255);
}

#weather{
    font-size: 15pt;
}

#list {
    font-size: 15pt;
}

#corals {
    font-size: 17pt;
}

#levels {
    font-size: 17pt;
}

#impact {
    font-size: 18pt;
}

#help {
    font-size: 16pt;
}

.body{
    background-image: linear-gradient(rgb(210, 216, 255), rgb(196, 255, 222))
}

nav{
    background-color: rgb(142, 255, 132);
}