Помогите c CSS кодом

Не понимаю как сделать так что бы container был внутри wrapper в виде хедера , и может как то можно сократить код , не удивлюсь если там много лишнего , я только учусь:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

.container {

width: 1512px;
height: 50px;

background-color: rgb(142, 162, 250);
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 56px;
padding-right:56px;
margin-top: 56px
}
.nav-links {
list-style: none;
padding-left: 0px;
margin-bottom: 0;
margin-right: 380px;
margin-left: 140px;
}

.nav-links li {
display: inline-block;
margin-right: 32px;
}

.icons img {
margin-right: 0;
margin-left: 45px;
/*width: 26px;
height: 26px;*/
}
.wrapper {
width: 100%;
height: 100%;
/* height: 100vh;*/
display: flex;
align-items: flex-start;

font-family: 'Inter', sans-serif;
font-weight: 600;
font-size: 134px;
line-height: 162px;
}

.content {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
width: 504px;
height: 1024px;
}

.coloring {
width: 504px;
height: 1024px;

background: #F35145;
}

.coloring2 {
width: 504px;
height: 1024px;

background: #F68A3E;
}

.coloring3 {
width: 504px;
height: 1024px;

background: #272727;

}