.nota {
  
  color: #413A47;
  font-size: 12px;
}


.top {
  
  float: none;
  color: black;

}

.tudo {
  
  color: white;
  width:1000px;
  height:900px;
  
}

.tudo2 {
  color: white;
  width:100%;
  height:100%;
  
}

.container {
  
  width: 300px;
  
}

.container1 {
  
  color: black;
  background-image: url('fundo.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 300px;
  float: left;
  
}

.container2 {
  
  color: black;
  width: 600px;
  height: 150;
  float: right;
  
}

.container3 {
  
  color: white;
  width: 570px;
  height: 300;
  float: right;
  
}


.texto {
  
  
  width: 250px;
  
}

.caixaa {
  
  width:60px;
  height:20px;
  background-size: 100% 100%;
  
}

.flex-container {
  display: flex;
  width: 300px;
  float:left;
  
}

.flex-container2 {
  display: flex;
  width: 570px;
  height:900px;
  float: right;
  
}

.center {
  
  width: 50%;
  background-image: url('popup2.png');
  padding: 1vw 4vw;
  
}

.borda {
  width: 400px;
  color: white;
  
}

.borda2 {
  width: 350px;
  border: 1px solid black;
  
}

.caixa {
  
  width: 260px;
  border: 1px solid black;
  background-color: black;
  
}

.lista {

width: 50px;
border: 1px solid black;

}

.destaque {
  
  color: #F1E2FF
  
}

body {
  
  background-image: url('fundo.gif');
  background-size:35% 35%;
  color: white;
  font-family: Serif;
  font-size: 15px;
 
}

input[type=button] {
  background-color: #9D6C88;
  border: #FFC2E5;
  color: black;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;

}

a {
  
  color: #413A47;
  text-decoration: none;
  
}

.header {
  
  background-color: #F1E2FF;
  margin: 1px 1px;
  color: black;
  width:500px;
  height:30px;