body{background-image: url("back.jpg"); background-color: blue}
h1{color:blue;
text-align:center;
background:yellow;
border-style:outset;
border-width:thick;
font-size:40pt;
}

li{color:green;
background:#a0bab4;
border-bottom:solid 2px;
font-size:20pt
;
}

p{color:#1f27ba;
border-top:solid;
padding-top:3%
}

th{color:red;}

td{color:#633ec1;
background:#d3afea;
}

p.happy{
margin-right: 20%; margin-left: 1em;
  padding-left: 1em;
  padding-right: 110px; min-height: 102px;
  background: #f97c7c url(rage.png) right center;}

p.unhappy{
margin-right: 20%; margin-left: 1em;
  padding-left: 1em;
  padding-right: 110px; min-height: 102px;
  background:#829bba    url(rage.png) right center;}

ul.button{margin-left:5em;}
ul.button li{list-style-image:url("garireo-1.png");}
ul.button li:hover {list-style-image:url("garireo-2.png");}
ul.button li:active {list-style-image:url("garireo-3.png");}
	  
	  
div.italy{
	position: relative;width:18ex; height: 12ex;
	border:1px solid black;}
div.italy div {
	  position:absolute; top: 0; left: 0; width: 6ex; height: 12ex;
	  background:green;}
div.italy div+div {
	  position:absolute; top0; left:6ex; width:6ex; height: 12ex;
	  background:white;}
div.italy div+div+div {
	  position:absolute; top:0; left:12ex; width:6ex; height:12ex;
	  background:red;}
h2{font-size:30pt;
color:blue;
border-bottom:solid 5px;

}
img{width:300px;
height:200px;}