@charset "utf-8";
/* pos_and_layer.css */
body{	font-family:Calibri, Arial, sans-serif;	font-weight:bold;	}	

h1  {	font-family:Verdana, Arial, sans-serif;
		font-size:100px;
		font-weight:bold;
	}		

#idLetter1  {	position:absolute;  top:50px;  left:200px;  color:blue;	}
#idLetter2  {	position:absolute;  top:50px;  left:250px;  color:red;	}
#idLetter3  {	position:absolute;  top:50px;  left:300px;  color:green; }

#idRel{	
		position:relative;
		top:2em;
		left:30px;
		color:red;
	}

.exp {	
		position:relative;
		top:-1em;
		font-size:0.5em;
		color:red;
	}

#idLetter4  {	
		position:absolute;  top:200px;  left:400px;  color:blue;
		background-color:black;
		z-index:1;
	}
#idLetter5  {	
		position:absolute;  
		top:200px;  
		left:450px;  
		color:red;
		z-index:3;
	}
#idLetter6  {	
		position:absolute;  top:220px;  left:480px;  color:green;
		background-color:blue;
		z-index:2;
	}
.fl::first-letter {
		color: #3333FF;
		font-size:3em;
		background-color:#FF3333
	}

.yta {	
		background-color:#00FFFF;
		width:150px;
		height:100px;
		overflow: scroll;
	}

.x {		
		position:absolute;
		top: 0px;
		left: 0px;
		z-index:-1;
	}