body{
    background-color: #F8F2DA;
}

header{
    background-image: url(../media/Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 50rem;
    margin-bottom: 5rem;
}

header ul{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
    padding-right: 3rem;
}

header li{
    font-family: ocr b std, regular;
    font-size: 10pt;
    color: #F8F2DA;
    padding-left: 5rem;
    }

header img{
    width: 2rem;
    margin-left: 3rem;
    padding-top: 2rem;
  }

h1{
    font-family: veneer, regular;
    color: #F8F2DA;
    font-size: 7rem;
    padding-left: 3rem;
    padding-top: 10rem;
}

h1 + p{
    font-family: ocr b std, regular;
    color: #F8F2DA;
    padding-left: 3rem;
}

h2{
    font-family: veneer,regular;
    color: #8F513A;
    font-size: 2rem;
    margin-left: 3rem;
}

h3{
    font-family: ocr b std, regular;
    color: #8F513A;
    font-size: 20px;
}

#work a{
    color:#8F513A;
    border: 0.15rem solid #8F513A;
    padding: 7px;
}

#rein{
    margin-left: 30rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem;
}

#rein p{
    padding-left: 7rem;
    padding-right: 8rem;
    padding-bottom: 2rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#rein img{
    width: 20rem;
    padding-left: 3rem;
    padding-right: 3rem;
}


#triennalebrugge{
    margin-left: 30rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem;
}

#triennalebrugge p{
    padding-left: 2.5rem;
    padding-right: 8rem;
    padding-bottom: 2rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#triennalebrugge img{
    width: 20rem;
    padding-left: 3rem;
    padding-right: 3rem;
}


#letsprint{
    margin-left: 30rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem; 
}

#letsprint p{
    padding-left: 6rem;
    padding-right: 8rem;
    padding-bottom: 2rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#letsprint img{
    width: 20rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

#sowl{
    margin-left: 30rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem;
}

#sowl p{
    padding-left: 6rem;
    padding-right: 8rem;
    padding-bottom: 2rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#sowl img{
    width: 20rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

#cupoftree{
    margin-left: 30rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem;
}

#cupoftree p{
    padding-left: 6.7rem;
    padding-right: 8rem;
    padding-bottom: 2rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#cupoftree img{
    width: 20rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 5rem;
}

#skills{
    background-image: url(../media/img_skills.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 40rem;
    margin-bottom: 5rem;
}

#skills h2{
    padding-top: 10rem;
    color: #F8F2DA;
    margin-left: 3rem;
}

#skills li{
    font-family: ocr b std, regular;
    color: #F8F2DA;
    display: flex;
    justify-content: left;
    padding-left: 30rem;
    line-height: 40px;
}

#about{
    margin-left: 2rem;
    display: flex;
    padding-right: 3rem;
    padding-top: 3rem;
}

#about p{
    padding-left: 21rem;
    font-family: ocr b std, regular;
    font-size: 15px;
    line-height: 20px;
    color: #8F513A;
}

#about img{
    width: 30rem;
    height: 30rem;
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 5rem;
}

#images{
    display: flex;
    justify-content: center;
    height: 16rem;
    gap: 2rem;
    padding-left: 2rem;
    padding-bottom: 5rem;
    padding-top: 5rem;
}

footer{
    background-color: #4A1F18;
    margin-top: 3rem;
}

#footer_nav ul{
    display: flex;
    justify-content: flex-end;
    gap: 5rem;
    color: #F8F2DA;
    font-family: ocr b std, regular;
    padding-bottom: 3rem;
    padding-right: 4rem;
}

#info{
    color: #F8F2DA;
    font-family: ocr b std, regular;
    margin-left: 3rem;
    line-height: 1.5rem;
    padding-top: 2rem;
}


.nav li {
    display: inline-block;
}