html
{
height:100%;
}

body
{
display: flex;
flex-direction: column;
background-color:#dcb;
background-image: url(ule3d.jpg);
object-fit: yes;
background-repeat: no-repeat;
background-position: center;
text-color: #860;
height:auto;
width: auto;
}

a, ol, li, ul
{
text-shadow: 4px 5px 7px grey;
text-decoration:bold;
list-style-type:none;
text-align:center;
display:inline-block;
color: #f60;
font-weight: bold;
border-radius: 6px;
}

ol a li
{
background-color: rgba(255, 255, 255, 0.5);
color: #860;
}

ol a:hover li
{
background-color: #83c;
color: white;
}

.maincont
{
margin:0 auto;
padding:2vw;
position:relative;
width:90%;
height:70%;
background-color:rgba(255, 255, 255, 0.2);
border: 2px solid white;
color: #540;
text-shadow: 0px 0px 2px white;
}

.menulst
{
text-transform:uppercase;
position: relative;
background-color:none;
width:85vw;
height:90px;
margin-left:auto;
margin-right:auto;
border: 0px orange solid;
z-index:99;
}

.menuicon img
{
visibility:hidden;
height:0;
border:0px solid black;
}

ol
{
margin:0;
padding:0;
display:inline-block;
float:left;
}

li
{
margin:1px;
padding:0;
height:40px;
line-height:40px;
display: inline-block;
list-style-type:none;
text-align:center;
width:20vw;
vertical-align:middle;
border: 2px #860 solid;
}

ul
{
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
position:relative;
display: inline-block;
}

ol > li > ul > li
{
position:relative:
list-style-type: none;
display: none;
}

ol > li:hover ul li
{
background-color:#88a;
list-style-type: none;
display: block;
text-align:center;
}


@media screen and (max-width: 1000px)
{
body{
background-image: url(ule3d.jpg);
background-position: left;
}
}
@media screen and (max-width: 800px)
{
	
.menulst
{
text-transform:uppercase;
position: relative;
background:rgba(255, 255, 4, 0);
width:160px;
height:200px;
margin-left:auto;
margin-right:auto;
visibility:hidden;
}

.menulst:hover
{
visibility:visible;
}

.menuicon img
{
visibility: visible;
border:2px solid #fff;
border-radius: 6px;
background:rgba(255, 255, 255, 0.6);
height:60px;
display:block;
margin: 0 auto;
}

li
{
text-align:center;
width:160px;
vertical-align:middle;
}
}