/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

h1 {
  font-family: 'Press Start 2P', cursive;
  margin-bottom: 2px;

}
.subtitulo {
  font-size: 16px;
  font-family: 'Geist Pixel', cursive;
  font-variation-settings: "ELSH" 1;
  margin-top: 0px;
  color: #333;
}
body {
  background-color: DarkSlateGray;
  color: black;
  font-family: Verdana;
  font-size: 24px;
}
.container {
    max-width: 1800px;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: PowderBlue;
    min-height: 100vh;
  }
.linha {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;  /* alinha verticalmente ao centro */
  gap: 20px;             /* espaço entre imagem e texto */
}

.linha img {
  width: 600px;          /* controla o tamanho da imagem */
  flex-shrink: 0;         /* evita que a imagem encolha */
}
img {
  border-radius: 16px; /* ajuste o valor conforme o quanto quer arredondar */
}
/*
Source - https://stackoverflow.com/a/1746552
Posted by Sinan Ünür, modified by community. See post 'Timeline' for change history
Retrieved 2026-09-16, License - CC BY-SA 4.0
*/

hr {
  border: none;
  border-top: 1px dotted black;
  color: black;
  background-color: DarkSlateGray;
  height: 1px;
  width: 95%;
}