/* custom properties for colors*/

:root {
    /* default color*/
    --section-color: rgb(180, 0, 0);

    /* home color for header links */
    --home-color: #ddd346;
    --sub-home-color: rgba(180, 0, 0, 0.8);
    --sub-home-hover-color: rgba(180, 0, 0, 0.5);

    /* picside colors */
    --picside-bg-color: rgba(180, 0, 0, 0.5);
    --picside-link-color: rgba(255, 0, 0, 1);
    --picside-hover-color: rgb(255, 150, 0);

    /* normal link colors */
    --normal-link-color: rgb(255, 150, 0);
    --normal-hover-color: rgb(255, 100, 0);

    /* complenmentary link colors */
    --comp-link-color: rgb(0, 180, 0);
    --comp-hover-color: rgb(205, 255, 205);

    /* image card shadow */
    --imagecard-shadow: rgb(255, 200, 0);
  }