:root {
  --corbase1: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(32, 1, 66, 1) 66%,
    rgba(32, 11, 101, 1) 100%
  ); /* Padrão de cores que aparece no inicio */
  
  --corbase2: linear-gradient(
    167deg,
    rgba(23, 8, 29, 1) 0%,
    rgba(14, 20, 47, 1) 100%
  ); /* Padrão de cores do header */

  --corbase3: grey;
  --imagemtamanho: 250px; /* Tamanho base dos icones de linguagem */
  --tamanhoprojeto: 350px; /* Tamanho inicial da preview dos projetos */
  --alturadasection: 100dvh;
  --animacoes: opacity 2s, filter 2s, transform 2s; /* Animações do Scroll Reveal*/
}

html,body {
  scroll-behavior: smooth;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  background-repeat: no-repeat;
  text-decoration: none;
  list-style: none;
  color: white;
  text-shadow: 1px 1px 2px black;
  font-family: Roboto, sans-serif;
}

*:focus-visible{
  outline: 3px solid #4a90e2;
  outline-offset: 5px;
}

/* ----- Scroll Reveal ----- */

.hidden{
    opacity: 0;
    filter: blur(20px);
    transform: translateX(-100%);
    transition: var(--animacoes);
}

.hidden:nth-of-type(even){
    transform: translateX(100%);
}

.show{
    opacity: 1;
    filter: blur(0);
    transform: translateX(0) !important;
    transition: var(--animacoes);
}