* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background: url("img/background.png") black;
  background-repeat: repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  }
  

@font-face {
  font-family: gothicPixels;
  src: url("font/gpx.ttf");
}
@font-face{
  font-family: pixelMine;
  src: url("font/minecraftia.ttf");
}
@font-face{
  font-family: basicPixel;
  src: url("font/regularPixel.ttf");
}

h1, h2, h3, h4, h5, h6 {
  color: white;
  font-family: basicPixel, sans-serif; 
  }
  
p {
  font-family: pixelMine, sans-serif;
  color: white;
  }

.imagem{
  background-attachment: fixed;
  }
.estatica {
  position: absolute;
  }
.fixa{
  position: fixed;
  }
.canto-inferior{
  bottom: 0;
  left: 0;
  }
.canto-superior{
  top: 0;
  right: 0;
  }
.letreiro {
  font-family: gothicPixels, sans-serif;
  }
  
.total {
  margin-top: 10px;
  display: flex;
  align-items: stretch;
  text-align: center;
  flex-direction: row;
  width: 100%;
  height: 90%;
  margin-bottom: 15px;
}

.secao {
  width: 33%;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}


.box {
  border-radius: 15px 15px 35px 35px;
  background: black;
  align-items: center;
  border: 2px solid white;
  margin-bottom: 50px;
  }

.big {
  min-height:95%;
  height:auto;
  width: 100%;
  }

.small {
  min-height: 35%;
  height: auto;
  width: 75%;
  }

.inclinacaoSimples {
  transform: rotate(-15deg)
  }

.conteudo{
  text-align: left;
  padding-left: 5px;
  }

.abas {
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 35%, rgba(51, 51, 51, 1) 55%, rgba(48, 48, 48, 1) 77%, rgba(107, 107, 107, 1) 88%, rgba(209, 209, 209, 1) 100%);
  border-radius: 15px 15px 0 0;
  border-bottom: 2px solid white;
  }