Estilos.css

*{
	border: 0;
	margin: 0;
	padding: 0;
}
	
body {
	animation: 10000ms ease-in-out infinite color-change;
} 
@keyframes color-change{
	0% {
	  background-color: teal;
	}
	20% {
	  background-color: gold;
	}
	40% {
	  background-color: indianred;
	}
	60% {
	  background-color: violet;
	}
	80% {
	  background-color: green;
	}
	100% {
	  background-color: teal;
	}
	
}

.botao{
	display: none;
}

@media(min-width: 653px){
	.lixeira{
		display: none;
	}
	.botao{
		display: inline;
	}
}

@media(min-width: 656px){
	.lixeira{
		display: inline;
	}
	.botao{
		display: none;
	}
}

.lixeira{
	
	color: aliceblue;
	float: inherit;
	margin-left: 100px;
	
}

.mizu{
	
	margin-right: 200px;
	float: left;
}

.doutor{
	float: right;
}