.prog_flex_lay{
	display:flex;
	flex-direction: column;
}

.prog_top_nav{
	background-color: #2c2c2c;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 45px;	
	border-top-style: solid ;
	border-width: 1px;
	border-color: darkblue;
	padding-top: 5px;
}

.prog_top_nav div{
	background-color: #200121;	
	/*color: #1cff3d;	*/
	color: #64ff6e;
	min-width: 70px;
	max-width: 150px;
	padding: 0px 5px 0px 5px;
	height: 30px;
	text-align: center;
	margin: 3px;
	line-height: 30px;
	border-style: solid ;	
	border-width: 2px 4px 1px 4px;	
	border-color: #1b5e20;
	box-shadow: 0 0 6px 1px rgba(100, 181, 246, 0.35);
	box-shadow: 0 0 6px 1px rgb(159.38, 119.2, 0, 0.35);
	border-radius: 10px;
	transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 500;
}


.prog_top_nav div:hover {
	color: #abff9f;
    background-color: #00e67622; /* подсветка */
    border-color: #00e676;
    box-shadow: 0 0 8px #00e67677;
}

/*
.prog_top_nav div {
    background-color: #0d1b2a; /* тёмно-синий фон */
    color: #64b5f6; /* голубой текст */
    min-width: 70px;
    max-width: 150px;
    padding: 0 5px;
    height: 30px;
    text-align: center;
    margin: 3px;
    line-height: 30px;
    border-style: solid;
    border-width: 2px 4px 1px 4px;
    border-color: #1565c0; /* ярко-синяя рамка */
    box-shadow: 0 0 6px 1px rgba(100, 181, 246, 0.4); /* голубое свечение */
    border-radius: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-weight: 500;
}

.prog_top_nav div:hover {
    background-color: #1565c0;
    color: #fff;
    box-shadow: 0 0 12px 2px rgba(100, 181, 246, 0.7);
}
*/