* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 text-decoration: none;
 color: inherit;
 font-size: 16px;
}
:root {
 --fondoPagina: url('/assets/img/fondo/fondo-estrellas-bat-bite.webp');
 --colorFondoLista: rgba(13, 14, 14, 0.563);
 --colorFondoLista1_1: rgba(75, 105, 47, 0.062);
 --colorFondoListaOriginal: #4b692fff;
 --color1: #99e550ff;
 --color2: #6abe30ff;
 --colorBorde: #323c39ff;
/*1.1*/
 --bs-blanco: #efece7 !important;
 --bs-letras: #7F8794 !important;
 --bs-letras-rgb: 92, 90, 94 !important;
 --p1:#a4af1e;
 --s2:#004e0a;
 --t3:#68FDBB;
 --gdtleft:linear-gradient(0deg,var(--s2) 0%, var(--p1) 21%, var(--s2) 80%);
 --gdttop:linear-gradient(270deg,var(--s2)0%, var(--p1) 21%,var(--s2)80%);
 --gdttx:linear-gradient(270deg,var(--t3) 77%,var(--p1) 100%);
 --colorletra1:#f3f3f3;
 --bs-fondo-oscuro:#000;
}
body {
 margin: 100%;
 height: 100vh;
 font-family: monospace !important;
 color: #000;
 background-position: bottom center !important;
 background: var(--fondoPagina);
}
.main {
 display: flex;
 height: inherit;
 height: 90vh;
 width: 100%;
}
.inicio--lista {
 margin: auto !important;
}
.inicio--lista ul {
 color: var(--color1) !important;
 font-size: 1rem !important;
 font-weight: 600 !important;
 background-color: var(--colorFondoLista) !important;
 padding: 5% !important;
 margin-top: 1% !important;
 margin: auto;
 border: var(--colorFondoLista1_1) solid 0.01rem !important;
 transition: 1s !important;
 list-style-type: none !important;
}
.inicio--lista p {
 color: var(--color2) !important;
 font-size: 1.5rem !important;
 font-weight: 400 !important;
 transition: all 3s ease !important;
 margin-bottom: 0.5rem !important;
 display: inline-block !important;
}
.inicio--lista ul:hover {
 background-color: var(--colorFondoLista1_1) !important;
 border: solid var(--colorBorde) 0.1rem !important;
 margin-top: 0% !important;
}
.inicio--lista p:hover {
 cursor: pointer !important;
 text-decoration: underline var(--color1) !important;
 transition: all 3s ease !important;
 color: var(--color1) !important;
}
.footer {
 color: whitesmoke;
}
table {
 border-collapse: collapse !important;
 margin: auto !important;
 height: 100% !important;
}
td {
 border: 1px solid black !important;
 width: 20px !important;
 height: 20px !important;
 text-align: center !important;
 font-size: 1.4rem !important;
}
li {
 text-align: center !important;
}
footer {
 height: 10vh;
 width: auto;
 overflow: hidden;
}
.typed-cursor {
 font-size: 1.4rem !important;
}

/*1.1*/
body{
 visibility: visible;
 overflow: hidden;
}

.cn{
 display: block;
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background: var(--bs-fondo-oscuro);
 }
.oculto{
 display: none;
 visibility: hidden;
}
/*lista ocultar*/
#main{
 display: none;
}
#footer{
 display: none;
}
/*lista ocultar*/

.animate-bottom {
 position: relative;
 -webkit-animation-name: animatebottom;
 -webkit-animation-duration: 1s;
 animation-name: animatebottom;
 animation-duration: 1s
}

@-webkit-keyframes animatebottom {
 from { bottom:-100px; opacity:0 } 
 to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
 from{ bottom:-100px; opacity:0 } 
 to{ bottom:0; opacity:1 }
}

/* fdsafdsafasdfadsfasdfas */

.lds-roller {
/* display: inline-block;
 position: relative;
 width: 80px;
 height: 80px;
 */
 display: flex;
 position: relative;
 top: 35%;
 flex-wrap: nowrap;
 justify-content: space-evenly;
 }
 .lds-roller div {
 animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
 transform-origin: 40px 40px;
 }
 .lds-roller div:after {
 content: " ";
 display: block;
 position: absolute;
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: #dfc;
 margin: -4px 0 0 -4px;
 }
 .lds-roller div:nth-child(1) {
 animation-delay: -0.036s;
 }
 .lds-roller div:nth-child(1):after {
 top: 63px;
 left: 63px;
 }
 .lds-roller div:nth-child(2) {
 animation-delay: -0.072s;
 }
 .lds-roller div:nth-child(2):after {
 top: 68px;
 left: 56px;
 }
 .lds-roller div:nth-child(3) {
 animation-delay: -0.108s;
 }
 .lds-roller div:nth-child(3):after {
 top: 71px;
 left: 48px;
 }
 .lds-roller div:nth-child(4) {
 animation-delay: -0.144s;
 }
 .lds-roller div:nth-child(4):after {
 top: 72px;
 left: 40px;
 }
 .lds-roller div:nth-child(5) {
 animation-delay: -0.18s;
 }
 .lds-roller div:nth-child(5):after {
 top: 71px;
 left: 32px;
 }
 .lds-roller div:nth-child(6) {
 animation-delay: -0.216s;
 }
 .lds-roller div:nth-child(6):after {
 top: 68px;
 left: 24px;
 }
 .lds-roller div:nth-child(7) {
 animation-delay: -0.252s;
 }
 .lds-roller div:nth-child(7):after {
 top: 63px;
 left: 17px;
 }
 .lds-roller div:nth-child(8) {
 animation-delay: -0.288s;
 }
 .lds-roller div:nth-child(8):after {
 top: 56px;
 left: 12px;
 }
 @keyframes lds-roller {
 0% {
 transform: rotate(0deg);
 }
 100% {
 transform: rotate(360deg);
 }
 }
 

 /*tx gdt*/
.gdtexto{ 
 background:var(--gdttx) !important;
 background-clip: text !important;
 -webkit-background-clip: text !important;
 -webkit-text-fill-color: transparent !important;
 text-decoration: none;
 }
 /*fin tx gdt*/

 /*Cpt*/
 footer{
  background-color: var(--colorFondoLista) !important;
  color: var(--colorletra1) !important;
 }
.footer-bottom{
 background-color:var(--bs-fondo-oscuro) !important;
 }
 .footer-bottom__copyright{
 font-weight:400 !important;
 }
 .footer-bottom__copyright a{
 text-decoration: none !important;
 }
 .footer-bottom__copyright a:hover{
 text-decoration:underline !important;
 }
 /*------------*/

 /* Loader */
 .flex{
 display: flex;
 align-items: center;
 justify-content: center;
 height: 100vh;
 }
 .container2{
 display: grid;
 grid-template-columns: repeat(10,20px);
 grid-template-rows: repeat(3,20px);
 color: var(--color1);
 text-align: center;
 }
 .container2 span{
 display: block;
 background-color:var(--colorFondoLista);
 animation: loading 1.5s ease infinite;
 }
 span:nth-child(1){animation-delay: .1s;}
 span:nth-child(2){animation-delay: .2s;}
 span:nth-child(3){animation-delay: .3s;}
 span:nth-child(4){animation-delay: .4s;}
 span:nth-child(5){animation-delay: .5s;}
 span:nth-child(6){animation-delay: .6s;}
 span:nth-child(7){animation-delay: .7s;}
 span:nth-child(8){animation-delay: .8s;}
 span:nth-child(9){animation-delay: .9s;}
 span:nth-child(10){animation-delay: 1s;}
 @keyframes loading {
 0%{transform: scale(0);}
 100%{transform: scale(1);}
 }

#shader{
 position: absolute;
}