* {
  font-family: Manrope;
  font-weight: 800;
}
body {
  background-color: gray;
}

main {
  background-color: hsl(217, 19%, 24%);
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}
#caixa {
  width: 360px;
  height: 240px;
  background-color: hsl(217, 19%, 38%);
  border-radius: 12px;
  text-align: center;
  padding: 8px;
  position: relative;
}#container{
    width: 100%;
    margin: auto;
   
}
#container h1 {
  color: hsl(150, 100%, 66%);
  font-size: 14px;

 
}
#container p {
  color: #ffffff;
  font-size: 21px;
}

.linhas{
  display: flex;
justify-content: center;
align-items: center;
}
.linha{
  width: 100%;
  height: 1px;
  background-color: rgb(255, 255, 255);
  margin: 20px;
  border-radius: 50px;
 
}
.iguais{
width: 12px;
height: 12px;
border-radius: 50px;
background-color: white;
margin: 4px;

}
#gerarMensagem {
  position: absolute;
  bottom: -30px;
  left: calc(50% - 30px);
  height: 60px;
  width: 60px;
  border-radius: 100%;
  background-color: hsl(150, 100%, 66%);
  cursor: pointer;
}
#gerarMensagem img {
  display: flex;
  margin: auto;
  width: 25px;
  height: 25px;
}