/* Importaciones de otros archivos CSS */
@import 'colors.css';
@import 'reset.css';
@import 'animations.css';
@import 'button.css';
@import 'scanlines.css';
@import 'glich.css';
@import 'cyberpunk.css';
@import 'profile.css';
@import 'footer.css';
@import 'modal.css';
@import 'header.css';
@import 'breadcrumbs.css';
@import 'noise.css';

/* Estilos generales */
::-webkit-scrollbar {
  display: none;
}

::selection {
  color: var(--secondary-color);
  background: var(--primary-color);
}

html, body {
  background-color: var(--background);
  scroll-behavior: smooth;
  color: var(--primary);
  font-size: var(--root-font-size);
  font-family: "BlenderProBook";
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  background: radial-gradient(circle, rgba(255, 0, 60, .25) 0%,  var(--secondary) 75%, var(--secondary) 100%) center/cover fixed, rgba(35, 15, 15, 1);
}

section {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1em 2em;
}