* {
  box-sizing: border-box;
}
/* ==============================
   Root
=================================*/
:root {
  --cor-fundo: #111;
  --cor-caixa: #222;
  --cor-texto: #eee;
  --cor-titulo: #fc0;
  --cor-destaque: #07f;
  --cor-borda: #f07;
  --cor-link: #fc0;
  --cor-link-hover-bg: #fc0;
  --cor-link-hover-texto: #000;
}

/* ==============================
   Reset + fonte
=================================*/
body {
  font-family: "Press Start 2P", monospace;
  background: repeating-linear-gradient(
    60deg,       
    #111,     
    #222 20px,
    #000 20px,
    #111 40px   
  );
  color: var(--cor-texto);
  line-height: 1.5;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* ==============================
   Conteúdo
=================================*/
.intro {
  flex: 3;
  background-color: var(--cor-caixa);
  padding: 15px;
  border: 4px solid var(--cor-borda);
  box-shadow: 4px 4px #000;
  width: 90%;
  margin: 10vh auto;
  height: 80vh;
}

.intro h2 {
  color: var(--cor-titulo);
  margin-bottom: 15px;
}

.intro ul {
  margin-left: 15px;
  list-style: none;
  text-align: left;
  font-size: 1.2em;
}