:root{
    --color1:rgb(99, 170, 227);
}

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




a{
    text-decoration:  none !important;
}
h1,h2,h3,h3,h5,p{
    margin:  0 !important;
    padding: 0 !important;
}

.header_lcd{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 80px;
    background: var(--color1);
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    z-index: 9999;
    box-shadow: 2px 0px 10px rgb(121, 123, 124);
}
.logo{
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-text-stroke: 1px black;
}
.header_lcd h1{
    font-weight: 999;
    color: white;
    font-size: 40px;
}
.header_lcd_menu a{
    padding: 10px;
    color: white;
}

.header_lcd_menu a ion-icon{
    color: white;
    font-size: 25px;
    padding-top: 6px;
    
}

.header_lcd_menu a ion-icon:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    color: rgb(71, 72, 73);
}
.main_lcd{
    padding-top: 80px;
}




.btn__susbribirme{
    padding: 10px 20px;
    background: rgb(87, 137, 236);
    color: white;
    border-radius: 20px;
    margin-right: 5px;
    box-shadow: 2px 3px 4px rgb(155, 158, 159);
}
.btn__susbribirme:hover{
    background: rgb(42, 117, 208);
    color: rgb(255, 255, 255);
    box-shadow: 2px 3px 4px rgb(217, 225, 227);
    animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
}

.btn__comosusbribirme{
    padding: 10px 20px;
    background: rgb(111, 196, 83);
    color: white;
    border-radius: 20px;
    margin-left: 5px;
    box-shadow: 2px 3px 4px rgb(155, 158, 159);
}
.btn__comosusbribirme:hover{
    background: rgb(69, 172, 77);
    color: rgb(255, 255, 255);
    box-shadow: 2px 3px 4px rgb(217, 225, 227);
    animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
}

.display-3{
    font-weight: 333 !important;
}

.logo:hover {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
  
@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
        
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}




.footer_lcd{
    border-top: 1px solid rgb(167, 163, 163);
    width: 100%;
    text-align: center;
    padding: 20px;
    background: rgb(99, 170, 227);
    color: aliceblue;
}


.img_scratch{
    margin: 20px;
    width: 100px;

}

.lcd_informacion{
    margin-top: 30px;
}

.lcd_informacion .card-body{
    text-align: justify;
}


.lcd_informacion .card{
    box-shadow: 0px 0px 10px rgb(215, 221, 223);
    border-top: 5px solid var(--color1);
}

.tarjeta{
    margin-bottom: 20px;
}
.tarjeta .card{
    width: 100%;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
.tarjeta:hover{
    animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
}

.lcd_contactos{
    text-align: center;
}

.logos{
    width: 100%;

}
.logos .tarjeta{
}
.logos .tarjeta img{
    width: 100%;
}
@media(min-width:700px){
    .cuerpo{
        padding: 40px !important;
        
    }
}

@media(max-width:700px){
    .cuerpo{
        margin-top: 60px !important;
        width: 90%;
        margin: auto !important;
        width: 94% !important;
    }
    .cuerpo .container .h1{
        padding-top: 70px !important;
    }
}

.btn__susbribirme_section{
    display: flex;
    justify-content: center;
    align-items: center;
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}

.center_table{
    text-align: center;
}

thead{
    background: rgb(199, 220, 239);
    color: rgb(86, 83, 83);
}

table{
    border-radius: 20px !important;
}
table tbody tr:hover{
    animation: shake 0.9s cubic-bezier(.36,.07,.19,.97) both;
}
.lcd_auspiciadores{
    text-align: center;
}

.fa-trophy{
    color: rgb(234, 255, 0);
}

.fa-diagnoses{
    color: rgb(61, 175, 43);
}

.fa-sticky-note{
    color: rgb(113, 156, 170);
}

.uno{
    background: rgb(235, 255, 15);
}
.dos{
    background: rgb(9, 236, 88);
}
.tres{
    background: rgb(99, 148, 222);
}

.item_list{
    background: rgb(75, 146, 208);
}

.fa-info-circle{
    color: rgb(88, 132, 209);
}
.fa-project-diagram{
    color: rgb(97, 119, 95);
}
.fa-hand-point-right{
    color: rgb(85, 84, 84);
}





.publicaaciones_video{
    display: flex;
    justify-content: center;
    align-items: center;
}

.publicaaciones_video .video_public{
    width: 500px;
    height: 280px;
}


@media(max-width:500px){
    .publicaaciones_video .video_public{
        width: 500px;
        height: 240px;
    }
}
@media(max-width:470px){
    .publicaaciones_video .video_public{
        width: 500px;
        height: 220px;
    }
}

@media(max-width:420px){
    .publicaaciones_video .video_public{
        width: 500px;
        height: 200px;
    }
}

@media(max-width:380px){
    .publicaaciones_video .video_public{
        width: 500px;
        height: 180px;
    }
}