/*@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');*/

@font-face{
  font-family: 'Bebas Neue';
  src: url("/fonts/BebasNeue.woff2") format("woff2");
  src: url("/fonts/BebasNeue-Regular.woff2") format("woff2");
  src: url("/fonts/BebasNeue-Regular.woff") format("woff");
  src: url("/fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


/* ===== RESET ===== */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}


/* ===== BODY BASE ===== */

body{
  background:#050505;
  font-family:'Bebas Neue',sans-serif;
  color:#f1f1f1;
  position:relative;
  z-index:0;
}


/* ===== TEXTOS GENERALES ===== */

h1,
h2,
h3{
  font-weight:600;
}

a{
  text-decoration:none;
  color:inherit;
}


/* ===== SCROLLBAR GLOBAL ===== */

::-webkit-scrollbar{
  width:8px;
}

::-webkit-scrollbar-track{
  background:#050505;
}

::-webkit-scrollbar-thumb{
  background:#8d6d18;
  border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
  background:#d4a72c;
}

*{
  scrollbar-width:thin;
  scrollbar-color:#8d6d18 #050505;
}


/* ===== LOGO DE FONDO ===== */

.background-logo{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);

  width:70vw;
  height:70vh;

  background:url("../img/k9logo.webp") center no-repeat;
  background-size:contain;

  opacity:.1;

  z-index:-1;

  pointer-events:none;
}