* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0px;
background-color: white;
 }


.container{
margin: 10px 40px;

}

header {
  background: purple;
  padding: 20px 0;
  color: white;
}

header h1 {
  margin-left: 25%;
  padding: 0px 20%;
  font-size: 50px;
}

header h2{
  margin-left: 25%;
  padding: 0px 20%;
  font-size: 40px;

}

.fruit{
	float: left;
	padding: 0 20px 20px 0;
	padding: 20px 40px;
}

.star{
	margin-top: 40px 0px;
	float: left;
	padding: 0 20px 20px 0;
	margin-left: 70px;
	width: 50%;
	height: 60%;
}

/*.box{
position: relative;
margin-right: 50%;

} */

.sun {
width: 100%;

}

.heros{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin: 50px 20px;
}

.note{
	float: left;
	padding: 0 20px 20px 0;
	margin-left: 40%;

}

section{

position: relative;
width: 100%;
padding: 50px;
}

section p{
margin-left: 40%;
text-align: justify;
}

.music{
float: right;
padding: 0 0 20px 20px;
margin-right: 60%;
margin-bottom: 50%;

}