:root{
    /**          Colors           */
    --cl-transparent : #ffffff00;
    --cl-white: #ffffff;
    --cl-black: #000000;
    --cl-gray:#818181;

    --cl-primary:    #f2e9ba;
    --cl-secondary:  #0097b2;
    --cl-accent :    #d42124;
    --cl-other :    #d0f5f3;

    --cl-header: var(--cl-transparent);
    --cl-footer: var(--cl-black);
/*    --cl-border: var(--cl-primary);*/
    --cl-border: pink;

/**    Website size per Screen Sizes           */
    --width-1:1400px;
    --width-2:1200px; /* 1600px */
    --width-3:90%; /* 1200px */
    --width-4:95%;
    --width-5:95%;
    --width-6:95%;

    --pad-1:100px;
    --pad-2:50px;
    --pad-3:30px;
    --pad-4:5%;
    --pad-5:2%;
    --pad-6:2px;

/**    Padding  Between Sections          */
    --sec-padF:50px;    /* Pading Full*/
    --sec-padH:20px;    /* Pading Half*/


/**    Fonts for heading           */
    --fnt-h: "Shantell Sans", Helvetica, sans-serif;
    --fnt-d: 'Courier New', Courier, monospace;
}

.btn_primary{
    background-color: var(--cl-secondary);
    border: 2px solid var(--cl-black);
    color: var(--cl-white);
}
.btn_secondary{
    background-color: var(--cl-secondary);
    border: 2px solid var(--cl-black);
    color: var(--cl-white);
}