:root{
    /**          Colors           */
    --cl-white: #ffffff;
    --cl-black: #212122;
    --cl-gray:#818181;

    --cl-primary:    #0d0a2e;
    --cl-secondary:  #337499;
    --cl-accent :    #faf84c;
    --cl-other :    #db48bb;

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

    --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:25px;    /* Pading Half*/

/**    Fonts for heading           */
    --fnt-h: 'Playfair Display', serif;         /* Highlight  Font */
    --fnt-m: 'Courier New', Courier, monospace; /* Main Font  */
    --fnt-o: 'Courier New', Courier, monospace; /* Other Font */

}