@font-face {
    font-family: 'ukai'; /* Nombre de la fuente */
    src: url('../fonts/UKaiCN-01.woff') format('woff'); /* Ubicación de la fuente */
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'brass'; /* Nombre de la fuente */
    src: url('../fonts/BrassMono-Regular.woff') format('woff'); /* Ubicación de la fuente */
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'd05'; /* Nombre de la fuente */
    src: url('../fonts/D050000L.woff') format('woff'); /* Ubicación de la fuente */
    font-weight: normal;
    font-style: normal;
  }
* {
    margin: 0;               /* Elimina todos los márgenes de los elementos */
    padding: 0;              /* Elimina todos los rellenos de los elementos */
    box-sizing: border-box;  /* Asegura que el borde y el relleno se incluyan en el ancho y alto del elemento */
}

body {
  padding: 2rem;
  background-color: #ebebeb;
  position: relative;
  min-height: 100vh; /* Asegura que el body tenga siempre al menos el alto de la ventana */
}
/* 
/* Fondo animado directamente en el body usando ::before */
body::before {
  position: absolute;
  top: 0; /* Se coloca al inicio del body */
  left: 0; /* Se coloca al inicio del body */
  width: 100%; /* Se ajusta al ancho del body */
  height: 100%; /* Se ajusta al alto del body */
  z-index: -1;
  background:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,0.7) 0%, transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(0,102,204,0.3) 0%, transparent 50%),
    radial-gradient(circle at 40% 70%, rgba(0,180,255,0.2) 0%, transparent 60%),
    radial-gradient(circle at 60% 60%, rgba(255,255,255,0.5) 0%, transparent 40%),
    radial-gradient(circle at 50% 50%, rgba(0,80,160,0.25) 0%, transparent 55%);
  filter: blur(80px);
  animation: move 50s ease-in-out infinite alternate;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(5%, -5%);
  }
} */
ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* <---------------------------Body, Index, list class---------------------->*/

h1{
  font-family: 'ukai'; /* Nombre de la fuente */
  font-size:28pt;
}
h2{
  font-family: 'ukai'; /* Nombre de la fuente */
  font-size:20pt;
  font-weight: normal;

}
h3{
  font-family: 'ukai'; /* Nombre de la fuente */
  font-size:14pt;
  font-weight: normal;

}
h4{
  font-family: 'ukai'; /* Nombre de la fuente */
  font-size:10pt;
  font-weight: normal;

}
p{
  font-family: 'brass'; /* Nombre de la fuente */
  font-size:11pt;
}
footer{
height: 100px;
}