:root{
    --pl-cyan : #08A6D5;
    --pl-magenta : #E20E8A;
}

/* Background gradient */
/* <!-- Define your gradient here - use online tools to find a gradient matching your branding--> */
.gradient {
    background: linear-gradient(90deg, rgba(8,166,213,1) 0%, rgba(226,14,138,1) 79%, rgba(251,226,28,1) 100%);
  }

/*Animación al seleccionar una opción del navbar*/
html {
    scroll-behavior: smooth;
}

/*fix margin top by nabvar fixed*/
section[id]{
    scroll-margin-top: 20px;
}

@media (max-width: 1023px){
    #nav-content > ul > li > a {
        color: var(--pl-magenta) !important;
    }
}