:root{
  --preto:#0E0E0E;
  --preto-claro:#363636;
  --cinza-escuro:#787878;
  --cinza-claro:#C3C3C3;
  --branco:#E9E9E9;
  --amarelo:#EFCF69;

  --fonte-padrao:"Roboto", sans-serif;

  --pesoFonte-padrao:300;
  --pesoFonte-titulo:600;

  --altura-header:5rem;
  --altura-paginacao:3rem;

  
  
}

*, *:before, *:after {
  box-sizing: inherit;
}
fieldset{
  padding: 0;
}

html {
  margin: 0;
  padding: 0;
  border-spacing: unset;
  box-sizing: border-box;

  scroll-behavior: smooth;
}
/* 
:target {
  
} */

body {
  font-family: var(--fonte-padrao);
  font-weight: var(--pesoFonte-padrao);
  height: 100vh;
  background-color: var(--branco);
}


main{
  width:100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

*{
  margin: 0;
  padding: 0;
}

.nao-visivel{
  opacity: 0;
  position: absolute;
  top: -10vh;
  left: -10vw;
}

.nao-legivel{
  display: none !important;
}

.padding-pagina{
  padding:0.5rem var(--padding-lateral);
}

.titulo-pagina{
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: var(--pesoFonte-titulo);
  color: var(--preto);
  text-align: left;
}

.botao{
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--preto);
  padding: 0.25rem 2rem;
  cursor: pointer;
  outline: none;
  border: 1px solid var(--preto-claro);
  background-color: var(--branco);
}

  .botao:hover{
    background-color: var(--cinza-claro);
  }

/* EDITAND AUDIOS */
audio::-webkit-media-controls-panel{
  background-color: var(--cinza-claro);
  display: flex;
  justify-content: center;
  gap: 0;
}


/* audio::-webkit-media-controls-mute-button,audio::-webkit-media-controls-timeline-container,audio::-webkit-media-controls-current-time-display,audio::-webkit-media-controls-time-remaining-display,audio::-webkit-media-controls-timeline,audio::-webkit-media-controls-volume-slider-container,audio::-webkit-media-controls-volume-slider,audio::-webkit-media-controls-seek-back-button,audio::-webkit-media-controls-seek-forward-button,audio::-webkit-media-controls-fullscreen-button,audio::-webkit-media-controls-rewind-button,audio::-webkit-media-controls-return-to-realtime-button,audio::-webkit-media-controls-toggle-closed-captions-button,audio::-webkit-media-controls-more-options{
  
} */
/* EDITANDO AUDIOS */

/* MOBILE */
@media screen and (min-width:0){
  :root{
    --padding-lateral:1rem;
  }

  main{
    gap: 2rem;
  }
}/* MOBILE - FIM */


/* TABLET */
@media screen and (min-width: 768px){
  
}/* TABLET - FIM */


/* 1024 */
@media screen and (min-width: 1024px){
  :root{
    --padding-lateral:5rem;
  }

  main{
    gap: 5rem;
  }

  
}/* 1024 - FIM */


/* 1200 */
@media screen and (min-width: 1200px){
  
}/* 1200 - FIM */