body, html {
  padding: 40px;
  font-family: 'Ubuntu', sans-serif;
  text-align: justify;
  background-image: linear-gradient(to left top, #8b1a1a, #cd2626);
  color: white;
}

h1, h2 {
  font-family: 'Roboto Slab', serif;
  font-weight: 600;
  color: #ffa300;
}

h2 {
  font-weight: lighter;
}

strong {
  color: #ff8c00;
}

#logo {
  width: 200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#midia {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
}

a {
  text-decoration: none;
}

a:link{
  color: #2196f3;
  font-style: italic;
}

a:visited {
  color: #ff5b93;
  font-style: italic;
}

a:hover{
  color: #ff4d3b;
  font-style: italic;
}

a:active{
  color: ##ff6c00;
  font-style: italic;
}

a[href^="http"] {
  background-image: url(img/globo.png);
  background-repeat: no-repeat;
  padding-left: 18px;
}

.nota {
  opacity: 0.7;
  font-style: italic;
}

#passos {
  font-size: 18px;
  background-color: #ffe28a;
  padding: 3px;
  border-radius: 20%;
}

#passo {
  font-size: 20px;
}

img:not([alt]) {
  border: red 4px solid;
}

.descricao {
  font-size: 10 px;
  color: #9e9e9e;
  display: block;
  font-style: italic;
  text-align: center;
}