/* Basic CSS */
        /*Background*/
        .bgd-black{
            background: #000;
        }
        .bgd-white{
            background: #fff;
        }
        .bgd-grey{
            background: #ddd;
        }
        .bgd-lgrey{
            background: #eee;
        }
    /*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-25{
            font-size:25px;
        }
        .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;
        }
        .uppercase{
            text-transform: uppercase;
        }
        .letter-spacing-xs{
            letter-spacing: 1px;
        }
        .letter-spacing-sm{
            letter-spacing: 3px;
        }
        .letter-spacing-md{
            letter-spacing: 5px;
        }
        .no-link{
            color: inherit;
            text-decoration: none;
        }
    /*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-half{
            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-most{
            width: 80%;
        }
        .img-w-half{
            width: 50%;
        }
        .img-w-quarter{
            width: 25%;
        }
        .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;
        }
        .img-circle-sm{
            border-radius: 100px;
            width: 75px;
            height: 75px;
        }
        .img-circle-md{
            border-radius: 100px;
            width: 200px;
            height: 200px;
        }
        .img-circle-lg{
            border-radius: 200px;
            width: 300px;
            height: 300px;
        }
        .img-circle-xl{
            border-radius: 300px;
            width: 450px;
            height: 450px;
        }

    /*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;
        }
        .inline-block{
            display: inline-block;
        }
        .flex{
            display: flex;
        }
        .overflow-none{
            overflow: hidden;
        }
        .absolute{
            position: absolute;
        }
        .relative{
            position: relative;
        }
        .z-back{
            z-index: -1;
        }
        .z-front{
            z-index: 1;
        }

    /*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);
        }
/* Links */
.nounderline{
    text-decoration: none;
}
.nounderline:hover{
    text-decoration: none;
}
.hoveropacity:hover{
    opacity: 80%;
}