body {
  width: 800px;
  margin: 0 auto;
  background-color: #FF00dd;
  padding: 0 20px 20px 20px;
  #border: 5px solid black;
}

#topo{  
	position:absolute;
	width: 800px;
	height: 200px;
	left:50%;
	margin-left:-400px;
	background: url('../Imagens/topo.png');
	background-size: 400px 200px;
	background-position: 200px;
	background-repeat: no-repeat; 
	}  

#fundo-titulo {
	position:absolute;
	width: 810px;
	height: 50px;
	left:50%;
	top:180px;
	margin-left:-410px;
	background: url('../Imagens/fundo-titulo.png');
	background-size: 810px 50px;
	background-position: 0px;
	background-repeat: no-repeat; 
	opacity: 0.8;
	border: 5px solid white;
	border-radius: 10px;
	}  

#titulo {
	position:absolute;
	width: 800px;
	height: 200px;
	top:180px;
	left:50%;
	margin-left:-410px;
	font-size:40;
	color:#0055ff;
	}  

#corpo{  
	position:absolute;
	width: 800px;
	height: 400px;
	top:250px;
	left:50%;
	margin-left:-400px;
	background-color: #00aaff;
	opacity:0.8;
	border: 4px solid #5555ff;
	border-radius: 10px;
	background-position: 200px;
	background-repeat: no-repeat; 
	}  

#perfil-fundo {  
	position:absolute;
	width: 760px;
	height: 300px;
	top:10px;
	left:50%;
	margin-left:-380px;
	background-color: #ffffff;
	opacity:0.8;
	border: 4px solid #5555ff;
	border-radius: 10px;
	background-position: 200px;
	background-repeat: no-repeat; 
	}  

#perfil-foto {  
	position:absolute;
	width: 200px;
	height: 200px;
	top:05px;
	left:50%;
	margin-left:-480px;
	background-color: #ffffff;
	background-size:200px 200px; 
	background-repeat: no-repeat;
	background-position: 0px;
	opacity:1;
	border: 4px solid #5555ff;
	border-radius: 500px;
	} 
 
#subtitulo {
	position:absolute;
	width: 100%;
	top: 10px;
	font-size:40;
	color:#000000;
	}  

#texto {
	position:absolute;
	width: 600px;
	left:150px;
	top: 80px;
	font-size:20;
	color:#000000;
	} 

#botao {  
	position:absolute;
	width: 60px;
	height: 60px;
	top:325px;
	background-color:#ffffff;
	background-size:60px 60px; 
	background-repeat: no-repeat;
	background-position: 2px;
	opacity:1;
	border: 5px solid #5555ff;
	border-radius: 100px;  
	} 

-------------------#-----------------------------

#fundo {
	position: absolute;
	background-image: url('/desafio-imagens/fundo.jpg'); 
	width: 100%;
	height: 100%;
}

#login {
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 150px;
	color: black; 
	width: 200px;
	height: 150px;
	background-color: white;
	
}

#desafio {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 150px;
	color: red; 
	background-color: white;
}

#aviso {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 450px;
	color: black; 
	width: 300px;
	height: 50px;
	background-color: white;
	
}

#resposta {
	position: absolute;
	left: 50%;
	margin-left: -250px;
	top: 550px;
	color: black; 
		
}