body {background-color: yellow; font-family:comic sans ms, garamond, ariel, sans serif; font-size:12pt; color:black}

<div {position:absolute}

a:link {color:crimson; text-decoration:none;}
a:visited {color:yellow; text-decoration:none;}
a:hover {color:orange; text-decoration:underline;}
a:active {color:yellow; text-decoration:none;}


#bloque1 {background-color:hotpink; left:50px; top:50px;
	width:700px; hight:300px; text-align:justify; padding:10px;
	border-style:dashed; border-width:5px; border-color:purple;}

#bloque2 {background-color:olivedrab; left:50px; top:700px;
	width:300px; hight:300px; text-align:justify; padding:10px;
	border-style:dashed; border-width:5px; border-color:green;}

#bloque3 {background-color:darkturquoise; left:400px; top:700px;
	width:345px; hight:300px; text-align:justify; padding:10px;
	border-style:dashed; border-width:5px; border-color:cyan;}

#atras {left: 350px; top:1400px;}

#smile {left: 150px; top:500px;}

#wobble {left: 350px; top:500px;}

#logo {left: 550px; top:520px;}


.bloque1 {font-family:comic sans MS, garamond; color:purple; font-weight:bold; font-size:16px;}
.bloque2 {font-family:comic sans MS, garamond; color:limegreen; font-weight:bold; font-size:16px;}
.bloque3 {font-family:comic sans MS, garamond; color:steelblue; font-weight:bold; font-size:16px;}