body {
    background-image: url('./tree.jpg');
    background-position-x: center;
    background-size: 120%;
    background-repeat: no-repeat;
    background-color: black;
    color: #484a3f;
}

header{
    font-size: 3vw;
    /* color:antiquewhite; */
    text-align: center;
    padding-top:5px;
    /* opacity: 80% */
}

@media screen and (min-width: 800px){
    body{
        background-size: 100%;
    }
}

.empty{
    padding-top:5%
}

.content{
    padding: 5px;
    padding-top: none;
    width: 80%;
    margin: auto;
    align-self: center;
    /* background-color: antiquewhite; */
    background: rgba(250, 235, 215, 0.8);
    /* opacity: 80%; */
}

.content-container{
    opacity:100%;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: rgba(245, 245, 220, 0.7);
    /* text-align: center; */
}

.center{
    text-align: center;
}

a {
    text-decoration: none;
    color: brown;
}

a:hover {
    text-decoration: underline;

}