/* 
* 
* @Emanuel Almeida
*/
html,
body,
#home {
  height: 100%;
  overflow-x: hidden;
}

body {
  background: linear-gradient(90deg, #080808, #ff0000);
  background-size: cover;

  font-family: monospace;
}

nav.navbar {
  background: #000000;
}
.navbar-collapse {
  transition: height 0.5s ease-out;
}

.navbar-light .navbar-nav .nav-link {
  color: #fc0000;
  font-size: 22px;
  font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #ffffff;
}
.navbar-light .navbar-toggler {
  color: rgba(255, 0, 0, 0.5);
  border-color: transparent;
  transition: 0.9s ease;
}

.navbar-light .navbar-toggler:hover {
  background: #fd0303;
}

.capa {
  text-align: center;
}
.caixa {
  padding-top: 20px;
  padding-bottom: 20px;
}

.row h2 {
  padding-bottom: 20px;
}
h1,
h2,
h3,
li {
  color: #ffffff;
  font-weight: bolder;
}
p {
  color: #ffffff;
  font-weight: bolder;
  text-align: justify;
}

/* Rodapé */
.footer {
  background: linear-gradient(90deg, #080808, #af0a0a, #080808);
  text-align: center;
}

.footer a {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

/* Tipografia */

h1 {
  font-weight: 900;
  letter-spacing: -0.05em;
  margin-bottom: 50px;
  color: white;
}

h2 {
  font-size: 3em;
  font-weight: 700;
  letter-spacing: -0.04em;
}

.list-inline-item a {
  color: #000000;
}
.list-inline-item a:hover {
  color: #fc0000;
}
span.typed-cursor {
  display: none;
}
.mobile {
  display: none;
}
@media (max-width: 765px) {
  .mobile {
    display: block;
  }
}
@media (max-width: 768px) {
  body {
    background-attachment: scroll;
  }
}
@media (max-width: 700px) {
  body {
    background-attachment: scroll;
    background-position: right top;
  }
}