не получается сдвинуть в правую сторону 2 меню под классом div_1
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/profile.css">
</head>
<body>
<Header>
<div class="div_0">
<a class="logo" href="#" alt="logo">logo</a>
<form action="/search" method="post">
<input type="search" size="13" name="" placeholder="поиск" class="input" />
</form>
<nav class="nav">
<li class="leftmenutop"><a href="#">Новости</a></li>
<li class="left__menu_top"><a href="#">Рейтинг</a></li>
<li class="left__menu_top"><a href="#">Соревнования</a></li>
<li class="left__menu_top"><a href="#">Событие</a></li>
</nav>
<nav class="nav_1">
<a class="fas fa-bell" href="#"></a>
<a class="fas fa-cog" href="#"></a>
<a class="fas fa-plus" href="#"></a>
<a class="fas fa-user-alt" href="#"></a>
</nav>
</div>
</Header>
</body>
</html>
body {
margin: 0;
background-color: #FCFCFE;
font-family: 'Roboto', sans-serif;
font-size: 18px;
}
* {
box-sizing: border-box;
}
.logo {
font-size: 45px;
color: #3E4554;
font-weight: 700;
text-decoration: none;
line-height: 0.8;
padding-left: 36px;
}
.div_0 {
display: flex;
margin-top: 12px;
align-items: center;
}
form {
padding-left: 134px;
margin: 0;
}
input {
padding-top: 4px;
padding-bottom: 4px;
padding-left: 20px;
background: url("/images/search.png") no-repeat scroll;
background-position: 7px 9px;
}
::placeholder {
padding-bottom: 10px;
padding-left: 7px;
}
.nav {
display: flex;
list-style: none;
padding-left: 42px;
}
.nav :first-child {
margin-left: 0;
}
.nav a {
text-decoration: none;
margin-right: 42px;
color: #3E4554;
transition: color .2s linear;
}
.nav a:hover {
color: #6A7BFF;
}
.nav_1 {
display: flex;
justify-content: space-between;
}
