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

    --cl-primary:    #f39fc5;
    --cl-secondary:  #fdf4f7;
    --cl-accent :    #9DF2A0;
    --cl-other :    #d0f5f3;

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

    --pad-1:10px;
    --pad-2:5px;
    --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: system-ui,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

/**    Other           */
}

.btn_primary{
    background-color: var(--cl-primary);
    border: 2px solid #0000;
    color: var(--cl-white);
}

.btn_secondary{
    background-color: var(--cl-secondary);
    border: 2px solid #0000;
    color: var(--cl-text-s);
}
.btn_accent{
    background-color: var(--cl-accent);
    border: 2px solid #0000;
    color: #000000 !important;
}