body {
    background-image: url('https://videoapi-muybridge.vimeocdn.com/animated-thumbnails/image/50357bab-6505-4dec-8426-dd80108841aa.gif?ClientID=vimeo-core-prod&Date=1694725204&Signature=553918696a218c260978edb783f7b4278e251431');
    background-size: cover;
    overflow-x:hidden;
    margin:0;
}

@font-face {
    font-family: myFirstFont;
    src: url('SharpGrotesk-Light25.otf');
    text-rendering: optimizeLegibility;
 }
 
 @font-face {
    font-family: mySecondFont;
    src: url('font.otf');
 }
 
 * {
    font-family: myFirstFont;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
 }
 
 a {
     color: black;
      text-decoration: none;
 
   }

   .row {
    max-width: 100%;
   }

   .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    /* border-top: 1px solid transparent; */
    -webkit-box-shadow: none;
    /* box-shadow: inset 0 1px 0 rgba(255,255,255,.1); */
}

#logo01 {
    animation: rotation 6s infinite linear;
    z-index: 9999999999999999;
    position: relative;
}

.custom-cursor {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: radial-gradient(circle, white, transparent);
    pointer-events: none; /* Ensure it doesn't interfere with click events */
    transform: translate(-50%, -50%); /* Center the custom cursor on the actual cursor position */
    opacity: 1;
    animation: glowEffect 2s infinite alternate;
    z-index:9999999999999999999999999;
}

@keyframes rotation {
    from {
      transform: rotateY(0deg);
    }
    to {
      transform: rotateY(360deg);
    }
  }

 
 a:active {
       text-decoration: none;
       
 
 }
 
 a:hover{
     text-decoration: underline;
     text-decoration-color: white;
     text-decoration: none;

 }
 
 a:hover .btn-link .btn { text-decoration: none }

 .nav-bar {
    z-index: 9999999999999999;
 }

 .navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
    z-index: 9999999999999999;

}
 .navbar-brand {
    float: left;
    height: 50px;
    padding:0;
    font-size: 18px;
    line-height: 20px;
    box-shadow: none;
    z-index: 9999999999999999;

}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    box-shadow: none;

}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    padding-right: 1px;
    background-color: black;

}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding:0;
    max-width: 100%;
    width: 100%;
    background-color: black;

}

#back {
    position:static;
    z-index: 999;
    margin-top: -55px;
    background-color: black;

}

#back2 {
    position:static;
    z-index: 999;
    margin-top: 0px;
    background-color: black;;
}


.proyectos {
    color:white;
    margin-left: 0px;
    margin-right: 0px;
}

#card01 {
    position:absolute;
    z-index: 999999;
    margin-top: -65%;
    text-align: right;
    background-color: transparent;
    
}


#card02 {
    position:absolute;
    z-index: 999999;
    margin-top: -45%;
    text-align: right;
    background-color: transparent;
    
}


#card03 {
    position:absolute;
    z-index: 999999;
    margin-top: 0%;
    text-align: right;
    background-color: transparent;
    
}


.card {
    width: 100%;
    position: relative;
    display: -ms-flexbox;
   display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: black;
    background-clip: border-box;
    border:none;
    border-radius: 0rem;
}

#cardbody002{
    z-index: 999;
    text-align: right;
    margin-left: 0%;
    margin-bottom: 0%;
    background-color: black;
    width: 100%;
}

#cardbody003{
    z-index: 999;
    text-align: right;
    margin-left: 0%;
    margin-bottom: 0%;
    background-color: black;
    margin-top: -3%;
}

#cardbody004{
    z-index: 999;
    text-align: right;
    margin-left: 0%;
    margin-bottom: 0%;
    background-color: black;
    margin-top: 0%;
}


h1 {
    position: absolute;
    z-index: 999;
    color:white;
    font-family: mySecondFont;
    font-size: 2vw;
    right:0;
    margin-right: 15px;
}


.albor {
    font-size: 4vw;
    color:white;
    text-align: right;
    
}


#jit02 {
    width: 104.5%;
}

.footcont{
 color: white;
 font-size: 2vw;
 
}

#foot {
    background-color: black;
    padding: 15px;
    z-index: 9999999999;
}

/*NOSOTRAS*/

.texto {
    position:absolute;
    z-index:90;
    text-align: right;
    color:white;
    font-size:4vw;
    margin-right:3%;
    margin-top: 3%
}

.contacto {
    color: white;

}