:root {
  --header-height: 70px;
}

/* B À S I C O */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}

body {
  background: #1c1c1c;
  display: flex;
  flex-direction: column;
}


header {
  position: fixed;
  top: 0;
  width: 100%;
  height: var(--header-height);
  z-index: 9999;
}

/* H I P E R T E X T O */

h1, em, b{
    font-family: titulo;
    color: #affc18;
}

@font-face {
    font-family: titulo;
    src: url('../fonts/Roboto/Roboto-BoldItalic.ttf');
}


h2, span{
    font-family: sub-titulo;
    color: #d5d5d5;
}

@font-face {
    font-family: sub-titulo;
    src: url('../fonts/Roboto-VariableFont_wdth\,wght.ttf');
}

p{
    font-family: paragrafo;
    color: #d5d5d5;
    font-size: 2em;
    max-width: 500px;
}

@font-face {
    font-family: paragrafo;
    src: url('../fonts/PoiretOne-Regular.ttf');
}



i{
  font-size: 1.5rem;
  margin-right: .7rem;
  color: #affc18;
}

strong{
  text-transform: uppercase;
  font-weight: 900;
  color: #affc18;
}

span{
  font-size: 1.2em;
  margin-left: .5rem;
  color: #d5d5d5;
}

/* D I Vs */



main {
  position: relative;
  width: 100%;
  flex: 1;
}

section {
  position: relative;
  min-height: 100vh;
}


.container-fluid, .row{
 min-height: 100vh;
  display: flex;
  align-items: stretch;
}

li{
    list-style: none;
}