:root{
    --paddin-top:80px;
    --color-navbar: #14171D;
    --bg-color-1: #191D24;
    --bg-color-2: #14171D;
    --bg-color-3: RGB(40,189,189);
    --bg-color-4: #2B323B;
    --bg-color-5: #15383D;
    --bg-color-6: #555;
    --cd-txt-color-1 : RGB(40,189,189);
    --cd-txt-color-2 : RGB(255,255,255); 
}


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

.cd-navbar{
    background-color: var(--color-navbar);
    opacity: .85;
}

.cd-padding-top{
    padding-top: var(--paddin-top);
    
}

a{
    /* color: var(--cd-txt-color-2); */
    color: var(--cd-txt-color-1);
    text-decoration: none;
}

p{
    color: #DDD;
}
.cd-main-hook{
    background-image: url('../../views/images/developer.png');
    background-repeat: no-repeat;
    background-attachment: fixed; /* Opcional: la imagen se queda fija al hacer scroll */
    background-size: cover; /* Ajusta la imagen al tamaño de la pantalla */
    background-position: center;
     /* Centra la imagen */
    opacity: 1;
    /* min-height: calc(100vh - var(--paddin-top)); */
    /* background-color: lightcoral; */
}

.cd-main-us{
    background-image: url('../../views/images/team.png');
    background-repeat: no-repeat;
    background-attachment: fixed; /* Opcional: la imagen se queda fija al hacer scroll */
    background-size: cover; /* Ajusta la imagen al tamaño de la pantalla */
    background-position: center;
     /* Centra la imagen */
    opacity: 1;
    /* min-height: calc(100vh - var(--paddin-top)); */
    /* background-color: lightcoral; */
}

.cd-main-website{
    background-image: url('../../views/images/responsive.png');
    /* background-image: url('../../views/images/team.png'); */
    background-repeat: no-repeat;
    background-attachment: fixed; /* Opcional: la imagen se queda fija al hacer scroll */
    background-size: cover; /* Ajusta la imagen al tamaño de la pantalla */
    background-position: center;
     /* Centra la imagen */
    opacity: 1;
    /* min-height: calc(100vh - var(--paddin-top)); */
    /* background-color: lightcoral; */
}

.cd-main-contact{
    background-image: url('../../views/images/welcome.png');
    background-repeat: no-repeat;
    background-attachment: fixed; /* Opcional: la imagen se queda fija al hacer scroll */
    background-size: cover; /* Ajusta la imagen al tamaño de la pantalla */
    background-position: center;
     /* Centra la imagen */
    opacity: 1;
    /* min-height: calc(100vh - var(--paddin-top)); */
    /* background-color: lightcoral; */
}

.cd-fh{
    height: calc(100vh - var(--paddin-top));
}
.btn_primary{
    background-color: var(--cd-txt-color-1);
    color: var(--bg-color-1);
}
.cd-txt-color-1{
    color: var(--cd-txt-color-1);
}

.cd-txt-color-2{
    color: var(--cd-txt-color-2);
}

.cd-bg-color-1{
    background-color: var(--bg-color-1);
}

.cd-bg-color-2{
    background-color: var(--bg-color-2);
}

.cd-bg-color-3{
    background-color: var(--bg-color-3);
}

.cd-bg-color-4{
    background-color: var(--bg-color-4);
}

.cd-bg-color-5{
    background-color: var(--bg-color-5);
}

.cd-border-1{
    border: 2px solid var(--bg-color-4);
}

.cd-border-2{
    border: 1px solid var(--bg-color-3);
}

.cd-bt{
    border-top: 2px solid var(--bg-color-4);
}

.cd-bb{
    border-bottom: 2px solid var(--bg-color-4);
}

.cd-round{
    border-radius: 10%;
}

.cd-btn{
    color: #14171D;
    /* background-color: #15383D; */
}

.cd-btn :hover{
    background-color: red;
}

.cd-font-light{
    color: var(--bg-color-6);
    font-size: .8rem;
}

.whatsapp {
    color: rgb(117, 209, 63);
    position:fixed;
    width:47px;
    height:47px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
    animation: whatsapp 2s infinite;
    
  }

  @keyframes whatsapp {
  0%, 100% {
    opacity: 1; /* Totalmente visible */
  }
  50% {
    opacity: 0.5; /* Totalmente invisible */
  }
}