UniInter

Примерно так:

<style>
    body {
        margin: 0;
        min-height: 100vh;
        position: relative;
    }
    .krug {
        width:100px; height:100px;
        background-color:#99F;
        border-radius:50%;
        margin:10px;
    }
    .cont-in {
        display:inline-block;
    }
    .cent {
        width:150px; height:50px;
        background-color:#99F;
        transform:rotate(-45deg);
        position:absolute;
        top:90px; left:50px;
        display:inline-block;
    }
.cont-out {
        width: 260px; height: 260px;
        position: absolute;
        left: 0; top: 0;
        right: 0; bottom: 0;
        margin: auto;
}
</style>
<div class="cont-out">
    <div class="cont-in">
        <div class="krug"></div>
        <div class="krug"></div>
    </div>
    <div class="cont-in">
        <div class="krug"></div>
        <div class="krug"></div>
    </div>
    <div class="cent"></div>
</div>

Попробуй в файле styles.css в блоке .navbar .container... прописать align-items: flex-start;
Сейчас у тебя align-items: center; - из=за этого лого старается быть по вертикальному центру.
Это строка 4055.