.register {
	display: block;
	margin: auto;
	margin-top:10%;
	background: yellow;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	padding: 10px 20px;
	transition: transform 0.2s;
	width: 400px;
	height: 400px;
	text-align: center;
}

.wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.logo {
	padding: 10px;
}

.out-form {
	display: flex;
	padding: 0;
	border-radius: 0;
	border:#a5c8a6;
	cursor: pointer;
	font-size: 16px;
	margin: 10px;
}
.out-button {
	padding: 10px;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	border: #b6cbb6;
	border-style:outset;
	box-shadow: 1px 1px 1px grey;
	border-radius: 12px;
	color: white;
	cursor: pointer;
	background-color: #515980;
	width: 100%;
	font-size: 16px;
	padding-inline: 15px;
	padding-block: 10px;
}

.out-button--active,
.out-button:hover {
	background-color: #6d7498;
}

.navigaton {
	padding: 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	border: #b6cbb6;
	border-style:outset;
	box-shadow: 1px 1px 1px grey;
	border-radius: 12px;
	margin: 3px;
	background-color: #5a9292;
	color: white;
}

.navigaton--active,
.navigaton:hover {
	background-color: #75a3a3;
}

ul.list-posts {
         list-style:none ;
         margin: 0;
         padding: 0;
         max-width: 600px;
}
ul.list-posts li {
         margin: 20px 0 0 0;
         border: 1px solid #eee;
}
ul.list-posts .title {
         margin: 0;
         padding: 5px;
         background: #eee;
}
ul.list-posts .annonce {
         margin: 0;
         padding: 10px 5px 10px 5px;
}

.horizontal-nav ul {
	  	list-style: none;
  		margin: 0;
  		padding: 0;
  		display: flex; /* Располагаем элементы горизонтально */
  		justify-content: center; /* Центрируем по горизонтали */
}

.horizontal-nav li {
        margin-right: 15px;
    }

.horizontal-nav li.logout {
        margin-left: auto; /* Перемещает элемент вправо */
 }

 .navig {
		width: 100%;
 }