Hilfe HTML/CSS

* {
                    box-sizing: border-box;
                    margin: 0;
                    padding: 0;
}


header {
                    border-top: 0.4rem solid #FFA500;
                    height: 400px;
                    width: 100%;
                    background-color: #f5f5f5;
                    background-image: url(tasse.png);
                    background-repeat: no-repeat;
                    background-position: center;


}


h1 {
                    font-size: 60px;
                    font-family: Calibri;
                    color: #282828;
                    font-weight: lighter;
                    padding: 9rem 10%;


}






figure {
                    padding: -3rem;
                    text-align: right;
}


header figcaption {
                    text-align: center;

}


.content {
                    width: 100%;
                    height: 900px;
                    background-color: #f5f5f5;
                    position: relative;
}


nav {
                    background-color: #282828;
                    overflow: auto;
                    display: inline-block;
                    transform: rotate(90deg);
                    position: absolute;
                    top: 170px;
                    left: -175px;
                    box-shadow: 0px -5px 5px -2px #999;
}


nav ul {
                    list-style: none;

}


nav ul li {
                    padding: 9px;
                    background-color: #282828;
                    float: left;
                    margin-left: 9px;

}


a:link {
    color: white;
    text-decoration: none;
    }

a:visited {
    color: white;
    text-decoration: none;
    }

a:active{
    color: white;
    background-color: none;
    }