body {
	
}
.title1{
  text-align: center;
  color: yellow;
  font-weight:bold;
}
.title2{
  text-align: left;
  color: black;
  font-weight:bold;
}

p.format-1 {
  text-align: left;
}
.spanformat-1{
	
	font-weight: bold;
}

.samp_link:link {
color:blue;
}
.samp_link:visited {
color:gray;
font-style:italic;
}
.samp_link:hover {
color:green;
font-weight:bold;
}
.samp_link:active {
color:yellow;
}


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

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

.flex-item-1 {
flex:1;
text-align:center;
background-color:#A52A2A;
margin:5px;
padding:5px;
}

.flex-item-2 {
flex:1;
text-align:left;
background-color:#DCDCDC;
margin:5px;
padding:5px;
}

ul {
 
  margin: 0;
  padding: 0px;
  /*overflow: hidden;*/
  /* background-color: #333; */
}

li {
  display: inline-block;    
  float: left;
   width:1000px; /* adjust */
   height:400px; /* adjust */
   padding: 5px; /*adjust*/
}