.logo-img {
border-radius: 1em;
margin-right: 1em;
margin-left: 1em;
}
.btn-outline-light {
margin-right: 1em;
}
.sour-gummy {
font-family: "Sour Gummy", sans-serif;
font-optical-sizing: auto;
font-weight: 50;
font-style: normal;
font-variation-settings: "wdth" 100;
}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<link rel="favi/apple-touch-icon" sizes="180x180" href="image/favicon/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="image/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="image/favicon/favicon-16x16.png" />
<link rel="manifest" href="favicon/site.webmanifest" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container d-flex">
<h2 class="sour-gummy text-white">Prijimačky academy</h2>
<img src="image/Logo.png" alt="" width="40" class="logo-img my-2" />
<button class="btn btn-outline-light">Главная</button>
<button class="btn btn-outline-light">Курсы</button>
<button class="btn btn-outline-light">О нас</button>
</div>
</nav>
</header>