#menudesign{
width:98%;
display:block;
overflow:hidden;
position:relative;
padding-left:2%;
background-color: #AA2CEF;
}
#menuoutside{
width:100%;
display:block;
position:relative;
}
#mobilemenu{
display:none;
}
#menusideright{
display:none;
}
#desktopmenu ul li{
float:left;
display:block;
list-style:none;
font-size:1.8vw;
padding:0.5vw 1vw;
margin:0px 0.2vw;
border-radius:10%;
border-left:0.1vw solid yellow;
border-right:0.1vw solid yellow;
background-color:#FC6C85;
font-family: 'arial black', sans-serif;
}
#desktopmenu ul li a{
color:yellow;
display:block;
letter-spacing:0.1vw;
text-decoration:none;
}
#desktopmenu ul li:hover{
background-color:#DC143C;
}
#desktopmenu ul li a:hover{
color:yellow;
}
#desktopmenu ul .active,
#desktopmenu ul .active a{
background-color:#DC143C;
color:yellow;
}
#menutime{
font-size:3vw;
color:yellow;
opacity:50%;
text-align:center;
margin-left:0.5vw;
width:100%;
display:block;
margin-top:5vw;
font-family:arial black;
}
#menudate{
top:0.5vw;
left:0.5vw;
font-size:3vw;
color:yellow;
font-family:arial black;
overflow:hidden;
position:absolute;
opacity:50%;
}
.menutogal{
  height: auto;
  width: 0;
  position: fixed;
  z-index: 1;
  top: auto;
  left: 0;
  background-color: black;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 5vw;
}
.menutogal a {
margin-top:2vw;
text-decoration: none;
font-size: 4vw;
color: yellowgreen;
display: block;
transition: 0.3s;
}
.menutogal a:hover {
background-color:#ADD8E6;
color: #8b0000;
}
.menutogal .closebtn {
  position: absolute;
  top: -2vw;
  right: 2vw;
width:5vw;
text-align:center;
  font-size: 5vw;
}



@media(max-width:800px){
#desktopmenu{
display:none;
}
#mobilemenu{
float:left;
width:25%;
display:block;
}
#menulogo{
font-size:4.3vw;
display:block;
cursor:pointer;
color:yellow;
font-weight:bold;
}
#menusideright{
float:left;
width:75%;
display:block;
color:yellow;
font-size:4.3vw;
font-weight:bold;
text-align:center;
}
}