*{
  margin:0pt;
  padding:0pt;
}
body{
  max-width:700pt;
  align-items: center;
  margin:auto;
  margin-top:3pt;
  margin-bottom:30pt;
  background-color:#101010;
  color:white;
  font-family:sans-serif;
  text-align:center;

}
.artigo{
  text-align: left;
  margin: auto;
}
header{
  padding:10pt;
}
ul{
  list-style-type:none;
}
pre{
  max-width:640pt;
  margin:auto;
  margin-top:4pt;
  margin-bottom:4pt;
  padding:4pt;
  border:1pt solid white;
}
.logo{
  margin-top:0pt;
  margin-bottom:0pt;
  font-size:08pt;
  border:0pt solid white;
  padding:0pt;
}
img{
  display: block;
  margin: auto;
  background-color: #008080;
  margin-top:20pt;
  margin-bottom:20pt;
  border:1pt solid white;
  outline:1pt solid white;
  outline-offset:2pt;
  max-width: 100%;
}
h1{
  font-size: 26pt;
}
h1, h2, h3{
  margin-top:4pt;
  margin-bottom:4pt;
}
p{
  margin-top:12pt;
  margin-bottom:12pt;
}
a {
  color:#9B70FF;
}
nav{
  font-size:125%;
  border:1pt solid white;
  margin-left:15%;
  margin-right:15%;
  background-color:#9B70FF;
}
.navitem{
  display: inline-block;
  margin: 3pt;
}
.navitem a{
  text-decoration: none;
  color: white;
}

.navitem a:hover{
  color:#101010;
}
hr{
  margin-top: 10pt;
  margin-bottom: 10pt;
}
footer{
  margin:20pt;
  font-size:125%;
}
.button{
    border:0pt solid white;
  outline:0pt solid white;
  outline-offset:0pt;
  margin: 2pt;
  display:inline;
}