<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
body {
  font-family: Optima;
  color: black;
  font-size: 19px;
  background-color:#fffff
}
h1{
  font-size: 30px;
  font-family:cursive;
  
}
img{width:250px;
  text-align:right;}
.apre{display: block;} 
.botton{ 
  border:outset 4px black;
}
#boys{
 background-color:#ab263e ;
}
#dream{
   background-color:#f27ebc ;
}
#complete{
  background-color: #a4baf5;
}
.vendas div {
  padding: 0px 10px 20px 10px;
  width: 250px;
}
.vendas {
  display: flex;
  justify-content: center;
  gap: 32px;
  flex-wrap: wrap;
}
h2,h6{
   text-align:center;
}
a{
border:none 4px white;
padding:10px 50px;
margin-left:40px;
border-radius:10px}
link{
  color:blue
}
a:visited{
  color:blue}
a{background-color:pink;
border:none 4px white;
padding:10px 60px;
margin-left:40px;
border-radius:10px}
section{
    display:block;
}
header{
  text-align:center;
    background-color:pink;
}
</body>
</html>

