/********************** nav **********************/
.nav{
	display:flex;
	justify-content: space-between;
	background:var(--color2);
	height:48px;
	position:sticky;
	top:30px;
	margin:auto;
	transform:translateY(-50%);
	width:calc(var(--w-main));
	border-radius:24px;
	font-size:1.1rem;
	box-shadow:0 0 0 4px var(--color2),1px 2px 2px 4px rgba(0,0,0,0.5);
	z-index:20;
}
.nav__item{
	list-style-type:none;
	margin:auto;
}

.nav__item a{
	text-decoration:none;
	color:green;
}
.nav__item a:hover{
	border-bottom:dotted 1px white;
}
/******************** выпадающий блок *********************/
.dropdown ul{
	position:absolute;
	background:var(--color-main);
	margin:0;
	padding:10px;
	list-style-type:none;
	left:30px;
	width:var(--w-main);
	box-sizing:border-box;
	column-count:2;
	display:none;
}
.dropdown ul li{
	page-break-inside:avoid;
	padding-top:20px;
}
.dropdown ul span{
	display:block;
}

.dropdown:hover ul{
	display:block;
}

/*************************** search form **************************/
.search-form{
	display:flex;
	align-items: center;
	background:white;
	height:30px; width:250px;
	align-self:center;
	border-radius:15px;
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.5);
}
.search-form input{
	border:none;
	padding:0; margin:0;
	margin-left:10px
}
.search-form input[type=text]{
	outline:none;
	width:200px;
}
.search-form input[type=submit]{
	width:16px; height:16px;
	border-radius:50%;
	background:white;
	border:var(--color3) 2px solid;
	display:none;
}