.header-wrapper{
    display: flex;
    border: 5px solid blueviolet;
    width:100%;
    justify-content: space-between;
    align-items: center;
}

.zag1{
    color:blueviolet;
    text-decoration: none;
    position:relative;
    right:180px;
}

.fon{
    left: 23%;
    filter: brightness(40%);
}

.zag2{
    position: relative;
    text-align: center;
    bottom:50%;
    color:white;
}

.fiol{
    color:blueviolet;
}

.im{
    left:75%;
    top:12px;
}


.posi1{
    left:50px;
    font-size:20px;
    top:14.5px;
    color: blueviolet;
}

.posi3{
    left:92%;
    top:14px;
}

.footer{
    background-color: blueviolet;
}

.name{
    position: relative;
    width:960px;
    left:380px;
    bottom:443px;
}

.opi{
    position:relative;
    width:960px;
    left:380px;
    bottom:437px;
    font-size:19px;
}

.year{
    position:relative;
    left:370px;
    bottom:437px;
}

.pod{
    text-decoration: none;
    color:blueviolet;
}

.foot{
    position: relative;
    bottom:230px;
}