.wrapper {
  margin-right:  auto; 
  margin-left:  auto; 
  max-width: 500px;
  height: 500px;
  padding-right: 10px; 
  padding-left:  10px;
  padding-top: 100px;
  
}

.container {
  max-width: 900px;
  height: 900px;
  margin: auto;
  align-content: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid black;
}

body {
background-color:white;	
font-family: 'Xanh Mono';
}

html, body, .fullHeight {
  height: 100%;
  margin: 0;
}

.scanLines {
  /*** WEBKIT ***/
  background: -webkit-repeating-linear-gradient(top, transparent 0px, transparent 1px, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0.5) 3px);
  -webkit-background-size: 100% 4px;
  /** MOZILLA **/
  background: -moz-repeating-linear-gradient(top, transparent 0px, transparent 1px, rgba(0, 0, 0, 0.5) 1px, rgba(0, 0, 0, 0.5) 2px);
  -moz-background-size: 100% 4px;
}

box {
width:200px;
}

a {
	color:white;
}

a:visited { 
text-decoration:none; 
    cursor:pointer;  
}

.flex {
	display:flex; 
	flex-direction: row;
	justify-content: center;
}

#panel, .flip {
  background-color: red;
  color: white;
  cursor:pointer;
  padding:5;
margin:5;
text-decoration:underline;  
letter-spacing:1; 
}

#panel {
  display: none;
  width:200;
}

.nav {
width:140; 
border-radius:30px;
  background-color: red;
  color: white;
  cursor:pointer;
  padding:5;
margin:5;
text-decoration:underline;   
letter-spacing:1;
}

#myList li{ display:none;
}



li {
  background-color: red;
  color: white;
  width:200;
  cursor:pointer;
  padding:5;
margin:5;
list-style-type:none;  
letter-spacing:1; 
position:relative;
top:-300;
left:350;

}