body{font-family:Arial,sans-serif;background-color:LightGray}
h1{text-align: center; background-color:#5F9EA0;}
h2{text-align: right; background-color:#BDB76B;}
div{ width: 200px;height:150px; border: 2px solid green; padding: 10px; margin: 20px;}
#div1 { position: fixed; bottom: 0; right: 0;width: 95%;background-color:LightGray}
#div2 {
  border: 2px solid green;
  border-radius: 20px;
}  
ul {
	list-style-type: none;
	margin: 0 px;
	padding: 0 px;
	border-top-width: 1 px;
	border-right-width: 1 px;
	border-left-width: 1 px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}
.destacado {color:yellow}
.destaco {color:red}
.error {color:red;
	font-weight: bold;}
.errado {color: yellow;
	font-weight: bold;}
.err {font-wwight: bold;
	font-style:oblique;
	font-size:150%}
a{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decortion: none;
	font-size: 0.9em;
	display: block;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	backgrounnd-color: #EAEAEA;
}
a:hover {
	color: #FFF;
	background-color: #666;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #36F;
}
@keyframes example {
  from {background-color: red;}
  to {background-color: yellow;}
} 
#div3 {animation-name: example;
  animation-duration: 4s;
animation-iteration-count: infinite;
}
#borderimg {
  border: 10px solid transparent;
  padding: 15px;
  border-image: url(border.png) 30 round;
}
#div4 {
  background-image: linear-gradient(red, yellow);
}
#div3 { position: relative;
top: 30px;
left: 30px;
} 
#div6 {
  position: absolute;
  left:70%;
 
}
#img{float:right}