.select {
	background: #222;
	color: burlywood;
	border:0; 
	box-shadow:inset -1px -1px 1px 0px rgba(99, 110, 104, 1),inset 0px 2px 2px 2px rgba(0, 0, 0, 1);
	border-radius: 20px;
	user-select: none;
	text-align: center;padding: 0px;
}
.pulldown{
	transition:.5s ease;
	position: absolute; top: 23px; width: 113px; left: 5px;z-index: 1;
}
.pulldown:hover{
	cursor: pointer;
	filter:brightness(121%)  ;
	top: 24px;
}
.selectItemsContainer {
	position: absolute; left: 0px; top: 30px; width: 122px;overflow: hidden;
	padding: 0px;height: 0px;background:var(--doc-bg-color);border-radius: 20px;z-index: 15;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .7);
	transition:.5s ease;
}
.selectItem {
	position: relative; left: 5px; top:5px; width: 113px;height: 20px;z-index: 3;color: #777;margin-bottom: 8px;
	box-shadow:-1px -1px 1px 0px rgba(99, 110, 104, 1),0px 2px 2px 2px rgba(0, 0, 0, 1),inset -1px -1px 7px 2px rgba(14, 20, 16, 1);padding: 0px;
}
.selectItem:hover {
	box-shadow:inset 0px 0px 3px 0px rgba(57, 191, 117, 1),0px 0px 3px 1px rgba(99, 110, 104, 1),3px 2px 6px 3px rgba(0, 0, 0, 1);
	cursor: pointer;background: rgba(61, 48, 48, 1);color: rgba(163, 150, 150, 1);
}
input:focus {outline:0;}