*{
  margin: 0;
  padding: 0;
}

html{
  scroll-behavior:smooth;
  --bg:#F8F8F8;
  --bg-checked:#29292E;
  --text:#29292E;
  --white:#F8F8F8;
  --purple:#835AFD;
}

html.dark{
  --bg:#111111;
  --bg-checked:#2d2d2d;
  --text:#F8F8F8;
  --white:#F8F8F8;
  --purple:#835afd70;
}

body{
  background:var(--bg);
  color:var(--text);
  font-family:sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content: center;
  width: 100%;
  gap:2rem;
  font-family: 'Fira Code', monospace;
  margin: 0;
}

header, main, footer{
  text-align: center;
}

header{
  margin-top: 3%;
}

a{
  text-decoration: none;
  font-size: 1rem;
  color: var(--purple);
  flex-shrink: 0;


}

a:hover{
  opacity: 0.9;
}

#lista_mensagens
{
  display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
   margin-bottom: 6%;
}