<style>
div {
display: flex;
  margin-bottom: 15px;
  padding: 4px 12px;
}

#danger {
	float: left;
	width: auto;
	height: auto;
  background-color: #b3e6b3;
  margin-top: 5px;
  margin-right: 5px;
  border-left: 5px solid #80ff80;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: left;
  clear: left;
  overflow: hidden;
}

#success {
	float: left;
	width: auto;
	height: auto;	
  background-color: #8cd98c;
  margin-top: 5px;
  margin-right: 5px;
  border-left: 5px solid #80ff80;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: left;
  	clear: left;
  overflow: hidden;  
}

#info {
	float: left;
	width: auto;
	height: auto;	
  background-color: #53c653;
  margin-top: 5px;
  margin-right: 5px;
  border-left: 5px solid #80ff80;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: left;
    clear: left;
  overflow: hidden;	
}

#warning {
	float: left;
	width: auto;
	height: auto;	
  background-color: #2d862d;
  margin-top: 5px;
  margin-right: 5px;
  border-left: 5px solid #80ff80;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  text-align: left;
    clear: left;
  overflow: hidden;	
}

#lobby {
	float: left;
	width: auto;
	height: auto;
	background-color: #267326;
	margin-top: 5px;
	margin-right: 5px;
	border-left: 5px solid #80ff80;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	text-align: left;
	clear: left;
	overflow: hidden;
}

</style>