:root {

    /* Background */
    --clr-bg-gradiant: rgb(1, 12, 21);

    /* Main Color */
    --clr-maincolor: #409fff;

    /* Shadow */
    --clr-top-shadow: rgba(4, 34, 63, 0.601);
    --clr-mainbox-hover: #092036;

    /* Text */
    --clr-text-color: white;

    /* Bottom/Top Line */
    --clr-btcolor: #0c0a0aae;

    /* mainboxes */
    --clr-box-color: #181818ae;

    /* Socialmeda Box */
    --clr-box-color: rgba(81, 81, 81, 0.232);
    --clr-box-border-color: grey;

}