@font-face {
  font-family: Stacker;
  src: url("../fonts/Stacker.otf");
}

@font-face {
  font-family: Axeon;
  src: url("../fonts/Axeon.ttf");
}

#corpo-pagina {
  background-image: url("../img/circuit.gif");
  background-color: rgb(255, 255, 255);
}

.bg-fundo {
  background-image: url("bgfundo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.box-shadow-fundo:hover {
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

.svg-header {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stacker-font {
  font-family: "Axeon";
}

.borda-colorida {
  border: 3px solid rgba(0, 0, 0, 0);
  resize: both;
  border-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBzdHJva2V7MCV7c3Ryb2tlLWRhc2hhcnJheTo3MCwzNTA7c3Ryb2tlLWRhc2hvZmZzZXQ6MH0xJXtzdHJva2UtZGFzaGFycmF5OjU1LDM1MDtzdHJva2UtZGFzaG9mZnNldDowfTUle3N0cm9rZS1kYXNoYXJyYXk6NTAsMzUwO3N0cm9rZS1kYXNob2Zmc2V0OjB9OSV7c3Ryb2tlLWRhc2hhcnJheToxNSwzNTAsMzA7c3Ryb2tlLWRhc2hvZmZzZXQ6MH10b3tzdHJva2UtZGFzaG9mZnNldDo3NzZ9fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJwcmVmaXhfX2ciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDU4ZDU5IiBzdG9wLW9wYWNpdHk9Ii41Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjcyNmZmIiBzdG9wLW9wYWNpdHk9Ii44Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMS41IDEuNWg5N3Y5N2gtOTd2LTk3IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2U9InVybCgjcHJlZml4X19nKSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iNTAgNzc2IiBzdHlsZT0iYW5pbWF0aW9uOnN0cm9rZSAxLjVzIGxpbmVhciBpbmZpbml0ZSIvPjwvc3ZnPg==")
    1;
}

.gradiente {
  background: -moz-linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0.419) 0%,
    rgba(5, 141, 89, 0.46) 50%,
    rgba(103, 38, 255, 0.46) 100%
  );
  background: -webkit-linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0.419) 0%,
    rgba(5, 141, 89, 0.46) 50%,  
    rgba(103, 38, 255, 0.46) 100%
  );
  background: linear-gradient(
    -90deg,
    rgba(255, 255, 255, 0.419) 0%,
    rgba(5, 141, 89, 0.46) 50%,
    rgba(103, 38, 255, 0.46) 100%
  );
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
}

.gradiente i:before {
  display: inline;
}

.borda-colorida-textos {
  border: 3px solid rgba(0, 0, 0, 0.102);
  background-image: linear-gradient(
    -90deg,
    rgba(5, 141, 89, 0.46) 0%,
    rgba(103, 38, 255, 0.46) 50%,
    rgba(14, 2, 29, 0.419) 100%
  );
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4);
  resize: both;

  /* border-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBzdHJva2V7MCV7c3Ryb2tlLWRhc2hhcnJheTo3MCwzNTA7c3Ryb2tlLWRhc2hvZmZzZXQ6MH0xJXtzdHJva2UtZGFzaGFycmF5OjU1LDM1MDtzdHJva2UtZGFzaG9mZnNldDowfTUle3N0cm9rZS1kYXNoYXJyYXk6NTAsMzUwO3N0cm9rZS1kYXNob2Zmc2V0OjB9OSV7c3Ryb2tlLWRhc2hhcnJheToxNSwzNTAsMzA7c3Ryb2tlLWRhc2hvZmZzZXQ6MH10b3tzdHJva2UtZGFzaG9mZnNldDo3NzZ9fTwvc3R5bGU+PGxpbmVhckdyYWRpZW50IGlkPSJwcmVmaXhfX2ciIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDU4ZDU5IiBzdG9wLW9wYWNpdHk9Ii41Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjcyNmZmIiBzdG9wLW9wYWNpdHk9Ii44Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMS41IDEuNWg5N3Y5N2gtOTd2LTk3IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2U9InVybCgjcHJlZml4X19nKSIgc3Ryb2tlLXdpZHRoPSIxMCIgc3Ryb2tlLWRhc2hhcnJheT0iNTAgNzc2IiBzdHlsZT0iYW5pbWF0aW9uOnN0cm9rZSAxLjVzIGxpbmVhciBpbmZpbml0ZSIvPjwvc3ZnPg=="); */
}

.grade-h-a-l {
  grid-template-columns: 5rem minmax(110px, 1fr) minmax(160px, 1fr) 1fr;
  grid-template-rows: repeat(auto-fit, 30px);
}

.grade-h-a-l-c {
  grid-template-columns: 5rem minmax(110px, 1fr) minmax(160px, 1fr) 1fr;
  grid-template-rows: repeat(auto-fit, 30px);
}

.grade-m-sv {
  grid-template-columns: 5rem 1fr 1fr 1fr 1fr;
  grid-template-rows: repeat(auto-fit, 30px);
}