/* Basic CSS */
        /*Background*/
            .bgd-black{
                background: #000;
            }
            .bgd-white{
                background: #fff;
            }
        /*Font Color*/
            .font-white{
                color: #fff;
            }
            .font-lightgrey, .font-lightgray{
                color: #CFCFCF;
            }
            .font-grey, .font-gray{
                color: #ADADAD;
            }
            .font-darkgrey, .font-darkgray{
                color: #646464;
            }
            .font-black{
                color: #000;
            }
            .font-red{
                color: #D82F2F;
            }
            .font-green{
                color: #2CC213;
            }
        /*Font Size*/
            .font-xl{
                font-size: 70px;
            }
            .font-lg{
                font-size: 50px;
            }
            .font-md{
                font-size: 30px;
            }
            .font-sm{
                font-size: 20px;
            }
            .font-xs{
                font-size: 13px;
            }
            .font-xxs{
                font-size: 10px;
            }
        /*Font Style*/
            .bold{
                font-weight: bold;
            }
            .em{
                font-style: italic;
            }
            .underline{
                text-decoration: underline;
            }
            .strikethrough{
                text-decoration: line-through;
            }
            .no-underline{
                text-decoration: none;
            }
            .line-spacing-lg{
                line-height: 2.0;
            }
            .line-spacing-md{
                line-height: 1.5;
            }
            .line-spacing-sm{
                line-height: 1.0;
            }
        /*Alignment*/
            .center-align, .center{
                text-align: center;
            }
            .right-align{
                text-align: right;
            }
            .left-align{
                text-align: left;
            }
        /*Padding*/
            .padding-xl{
                padding: 200px;
            }
            .padding-lg{
                padding: 100px;
            }
            .padding-md{
                padding: 50px;
            }
            .padding-sm{
                padding: 20px;
            }
            .padding-xs{
                padding: 10px;
            }
            .padding-top-lg{
                padding-top: 100px;
            }
            .padding-top-md{
                padding-top: 50px;
            }
            .padding-top-sm{
                padding-top: 20px;
            }
            .padding-right-lg{
                padding-right: 100px;
            }
            .padding-right-md{
                padding-right: 50px;
            }
            .padding-right-sm{
                padding-right: 20px;
            }
            .padding-bottom-lg{
                padding-bottom: 100px;
            }
            .padding-bottom-md{
                padding-bottom: 50px;
            }
            .padding-bottom-sm{
                padding-bottom: 20px;
            }
            .padding-left-lg{
                padding-left: 100px;
            }
            .padding-left-md{
                padding-left: 50px;
            }
            .padding-left-sm{
                padding-left: 20px;
            }
            .padding-none{
                padding: 0px;
            }
        /*Margin*/
            .margin-auto{
                margin: auto;
            }
            .margin-xl{
                margin: 200px;
            }
            .margin-lg{
                margin: 100px;
            }
            .margin-md{
                margin: 50px;
            }
            .margin-sm{
                margin: 20px;
            }
            .margin-xs{
                margin: 10px;
            }
            .margin-top-auto{
                margin-top: auto;
            }
            .margin-top-lg{
                margin-top: 100px;
            }
            .margin-top-md{
                margin-top: 50px;
            }
            .margin-top-sm{
                margin-top: 20px;
            }
            .margin-right-auto{
                margin-right: auto;
            }
            .margin-right-lg{
                margin-right: 100px;
            }
            .margin-right-md{
                margin-right: 50px;
            }
            .margin-right-sm{
                margin-right: 20px;
            }
            .margin-bottom-auto{
                margin-bottom: auto;
            }
            .margin-bottom-lg{
                margin-bottom: 100px;
            }
            .margin-bottom-md{
                margin-bottom: 50px;
            }
            .margin-bottom-sm{
                margin-bottom: 20px;
            }
            .margin-left-auto{
                margin-left: auto;
            }
            .margin-left-lg{
                margin-left: 100px;
            }
            .margin-left-md{
                margin-left: 50px;
            }
            .margin-left-sm{
                margin-left: 20px;
            }
            .margin-none{
                margin: 0px
            }
        /*Images Sizes*/
            .img-full{
                width: 100%;
                height: 100%;
            }
            .img-full{
                width: 50%;
                height: 50%;
            }
            .img-lg{
                width: 300px;
                height: 300px;
            }
            .img-md{
                width: 150px;
                height: 150px;
            }
            .img-sm{
                width: 75px;
                height: 75px;
            }
            .img-xs{
                width: 35px;
                height: 35px;
            }
            .img-w-full{
                width: 100%
            }
            .img-w-half{
                width: 50%;
            }
            .img-w-lg{
                width: 500px;
            }
            .img-w-md{
                width: 300px;
            }
            .img-w-sm{
                width: 100px;
            }
            .img-h-full{
                height: 100%;
            }
            .img-h-half{
                height: 50%;
            }
            .img-h-lg{
                height: 400px;
            }
            .img-h-md{
                height: 200px;
            }
            .img-h-sm{
                height: 75px;
            }
        /*Image Styles*/
            .cover{
                object-fit: cover;
            }
            .contain{
                object-fit: contain;
            }
            .greyscale, .grayscale{
                filter: grayscale();
            }
            .box-shadow{
                box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
            }
            .border-radius{
                border-radius: 15px;
            }
            .border-radius-lg{
                border-radius: 100px;
            }
            .blurry{
                filter: blur(3px);
            }
            .focused{
                filter: blur(0px);
            }
        /*Display*/
            .hidden{
                display: none;
            }
            .block{
                display: block;
            }
            .inline{
                display: inline;
            }
            .flex{
                display: flex;
            }
            .overflow-none{
                overflow: hidden;
            }
            .absolute{
                position: absolute;
            }
            .relative{
                position: relative;
            }
            .z-back{
                z-index: -1;
            }
            .z-front{
                z-index: 1;
            }