body {
    margin: 0em 8em 0em 8em;
  }

h2 {
  padding-bottom: .5em;
  border-bottom: 3px double #ccc;
}

h3 {
  padding-bottom: 1px;
}

p{    color:#ffff00;
    padding: 1em 1em 1em 1em;
	
}
.happy{
  border:dotted 30px #ff6700;
  background: #ff8f66;

  }

.sad{
  border:dotted 30px #2e2d88;
  background:#335880;
  }


 .ce {text-align: center;}
 .red {color:red}
 .blue {color:blue}

table, tr, td, th {border: 1px solid}
 
th:first-child {background: red;}
th:nth-child(2) {background: pink;}
th:nth-child(3) {background: orange;}
th:nth-child(4) {background: aqua;}
th:nth-child(5) {background: saddlebrown;}
th:nth-child(6) {background: yellow;}
th:last-child {background: blue;}


ul li        {list-style: url("mimi1.jpg") inside;}
ul li	     {list-style-image: url("mimi1.jpg");}
ul li:hover  {list-style-image: url("mimi2.jpg");}
ul li:active {list-style-image: url("mimi3.jpg");}


p.iwanttosee:hover + p.hide{display:block;
}
p.hide{display:none;
}

div.italy{background: white;border:1px solid black;width: 18em; height: 12em;}
div.red{background:red;position: relative;left:12em;height:12em;width:6em;}
div.green{background:green;position: relative;left:0em;height:12em;width:6em;bottom: 12em;}

span.check{color :#b2cbe4; background :#b2cbe4;}