:root{
  --alxncolors: white;
  --alxncolorshover: black;
  --alxnrandomizebackground: "null";
  --alxnversion: "v2024";
 /* text-shadow: 0.05em 0.05em #919191; arreglar visiblidad texto; quitar modo oscuro?*/  
}
html {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }
}
@font-face {
  font-family: "alxn";
  src: url("/fonts/US_alxn.otf");
  font-size: 28px;
  }
  @font-face {
    font-family: "alxn2";
    src: url("/fonts/AS_alxn.ttf");
    font-size: 18px;
    
    }

 a{
   text-decoration: none;
   color: var(--alxncolors);
 }
 a:hover{
   color:var(--alxncolorshover);
   backdrop-filter: blur(2px);

 }
html {
  position: relative;
  min-height: 100%;
}
.no-underline{
  text-decoration:none;
  color:var(--alxncolors);
}
body {
  margin-bottom: 60px;
 background-image: url("../imgs/background/background2.jpg");
  background-repeat: no-repeat;
  background-position: center;
background-attachment: fixed;
background-size: cover;
transition: background-image 0.2s step-end;
color:var(--alxncolors);
}

.alxn_video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .99;
    transition: opacity .7s ease-in-out;
}
.alxn_logo{
    width: auto;
    max-width: 75%;
    height: 140px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    position: relative;
    top: calc(40% - 35px);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity .35s linear;
    background-image: url(../imagenes/Alxn_icon7.png)
}

.alxn_main{
    display: flex;
    width: 100%;
    flex-direction: column;
 
    align-items: center;
    justify-content: center;
    object-fit: cover;
    font-size: 26px;
    
}

.b{
  height: 120px;
  font-weight: bold;
}

.alxn_cards{
  display: grid;
  gap: 1.2rem;
  grid-template-columns: repeat( auto-fit, minmax(120px, 1fr));
  align-items: center;
  justify-items: center;
  color:var(--alxncolors);
  object-fit: cover;
}

.alxn_cardc {
  object-fit: cover;
  overflow:hidden;
  width: 80px;
  display: flex;
  box-shadow: 0px 0px 12px rgba(118, 118, 118, 0.16);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 1.2rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 20px;
  font-family:'Readex Pro',sans-serif;
  text-align: center;
  letter-spacing: -0.04em;
}


.alxn_footer{
  display:block;
  text-align:center;
  font-family:'Source Serif Pro';
  font-size: medium;
  align-items: left;
  color:black;
}

#swap{
  color:black;
  
}
#swap2{
  color:white;
 
}

.blur_bg{
  backdrop-filter: blur(3px);
}