@media screen{
	body{  border-top : 20px double #FF9900;
       border-bottom: 20px  double #FF9900;
       background : #eec;}
	
	h1{border: 15px groove #8A2BE2;}
	
	h2 {
	border : 15px dotted green;
	color :red;}
	
	h3{
	border : 10px dashed #33FF33;	}
        p.hide{color: red ;}
}

body { 
       	
       margin : 0cm 1cm 0cm 1cm;
}


h1 { 
	text-align: center;
	font-size :3cm;
}



ul{
	font-size : 15pt;
}

p{
font-size : 15pt;
}

.iwanttosee:hover + p.hide{display:block;
}
p.hide{
	border :solid ;
	font-size : 2cm ;
	display:none
}

.happy{ 
	border :  solid	;
	background : yellow
}

.sad{
	border : solid  ;
	background : purple
}

.red {	color : red}

table,th,td{ border :solid thin}

th { color : #F00; }

th+th{ color: #F0F; }

th+th+th{ color: orange; }

th+th+th+th{ color: aqua; }

th+th+th+th+th{ color: maroon; }

th+th+th+th+th+th{ color: yellow; }

th+th+th+th+th+th+th{ color: blue; }

th:first-child{	color : red}

th:last-child{	color : blue}

td:first-child{	color : red }

td:last-child{ color : blue}

div.italy{
	background: white;
	border: 1px solid black;
        width : 18ex ; height : 12ex;
}

div.red{
	background:red;
	position: relative; left:12ex; height:12ex;width:6ex;
}

div.green{
	background:green;
        position: relative; left :0px; height :12ex; width :6ex;top:-12ex;

}