.btn-green-gradient-flat{
    background: linear-gradient(to  right,#41b782,#86d169);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-turqoise-green-gradient-flat{
    background: linear-gradient(to  right,#00444d,#00e1ff);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-red-orange-gradient-flat{
    background: linear-gradient(to right,#4d000e,#993d00);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.background-image-card{
    height: 12.7rem;
    transition: background-size .1s ease-out;
    background-size: 100%;
    background-position: 50%;
}
.background-image-card:hover{
    background-size: 129%;
}
.border-purple{
    border: 2px solid #e41b9a;
}
.nav-item-blue-underline{
    font-size: 1.25rem;
    font-family: Rubik,sans-serif;
    font-weight: 400;
    color: #5e527f;
    line-height: 1.5;
}
.nav-item-blue-underline :hover{
    font-size: 1.5rem;
    font-family: Rubik,sans-serif;
    font-weight: 400;
    color: #5e527f;
    line-height: 1.5;
    border-bottom: 2px solid #80C3FF;
}

.pin-red-orange-gradient-right{
    background: linear-gradient(to right,#4d000e,#993d00);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px 0px 0px 30px;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.pin-red-gradient{
    background: linear-gradient(to right,#4d000e,#ff002f);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 0px 30px 30px 0px;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}

.pin-red-orange-gradient{
    background: linear-gradient(to right,#4d000e,#993d00);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 0px 30px 30px 0px;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.pin-yellow-green-gradient{
    background: linear-gradient(to right,#42350a,#ddb122);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 0px 30px 30px 0px;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.pin-green-gradient{
    background: linear-gradient(to top right,#41b782,#86d169);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 0px 30px 30px 0px;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}

.btn-yellow-green-gradient{
    background: linear-gradient(to top right,#42350a,#ddb122);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-dark-gradient{
    background: linear-gradient(to top right,#000000,#4d4d4d);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-red-gradient{
    background: linear-gradient(to top right,#4d000e,#ff002f);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-turqoise-green-gradient{
    background: linear-gradient(to top right,#00444d,#00e1ff);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-purple-gradient{
    background: linear-gradient(to top right,#2e051f,#e41b9a);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-green-gradient{
    background: linear-gradient(to top right,#41b782,#86d169);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-indigo-gradient{
    background: linear-gradient(320.84deg, #80C3FF -16.99%, #349BF7 18.92%, #714DD6 101.11%);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-outline-blue{
    border: 4px solid rgb(66, 139, 202);
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: rgb(66, 139, 202);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}
.btn-outline-blue:hover{
    border: 4px solid rgb(66, 139, 202);
    height: 64px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: rgb(66, 139, 202);
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
    font-size:18px;
}
.btn-outline-green{
    border: 4px solid #41b782;
    height: 44px;
    padding: 0 30px;
    line-height: 44px;
    display: inline-flex;
    margin: .25em 0;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    border-radius: 30px;
    cursor: pointer;
    transition: all .55s cubic-bezier(.19,1,.22,1);
    overflow: hidden;
    position: relative;
}

.btn-outline-purple{
    color: #A7247A;
    border: 4px solid #A7247A;
    border-radius: 2rem;
}
.btn-outline-dark{
    color: #111;
    border: 4px solid #111;
    border-radius: 2rem;
    padding: 0 30px;
}
.btn-outline-muted{
    color: #6c757d !important;
    border: 4px solid #6c757d;
    border-radius: 2rem;
}
.btn-outline-gray{
    color: #aaa !important;
    border: 4px solid #ccc;
    border-radius: 2rem;
}
.card-rounded-bd-danger{
    border: 4px solid #4d000e;
    border-radius: 2rem;
}
.card-rounded-bd-primary{
    border: 4px solid rgb(66, 139, 202);
    border-radius: 2rem;
}
.card-rounded-bd-black{
	border: 4px solid #333;
	border-radius: 2rem;
}
.card-rounded-bd-purple{
    border: 4px solid #A7247A;
    border-radius: 2rem;
}
.card-rounded-bd-gray{
    border: 4px solid #eee;
    border-radius: 2rem;
}
.card-mushroom{
    border-width: .13rem;
    border-radius: 2rem 2rem 0rem 0rem;
}
.card-mushroom-sm{
    border-width: .13rem;
    border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.card-rounded-sm{
    border-width: .13rem;
    border-radius: 0.5rem;
}
.card-rounded{
    border-width: .13rem;
    border-radius: 2rem;
}
.text-xl{
	font-size: 35px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
	/*font-weight: 600;*/
}
.text-lg{
	font-size: 25px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.text-md-upper{
	font-size: 20px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.text-md{
	font-size: 19px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.text-md-lower{
	font-size: 18px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.text-sm{
	font-size: 16px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.text-xs{
	font-size: 12px;
	font-family: medium-content-serif-font,Georgia, Cambria, 'Times New Roman', Times, serif;
	letter-spacing: -0.004em;
}
.display-5{
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 1.2;
}
.display-6{
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2;
}
:root {
	--color-primary-100: #EBEAEF;
	--color-primary-200: #CECBD8;
	--color-primary-300: #B0ABC1;
	--color-primary-400: #746C92;
	--color-primary-500: #392D63;
	--color-primary-600: #332959;
	--color-primary-700: #221B3B;
	--color-primary-800: #1A142D;
	--color-primary-900: #110E1E;
	--color-primary-vibrant-500: #410E72;
	--color-primary-vibrant-600: #1A0D3A;
	--color-primary-vibrant-700: #160930;
	--color-secondary-100: #E7E7E7;
	--color-secondary-200: #C4C4C4;
	--color-secondary-300: #A0A0A0;
	--color-secondary-400: #595959;
	--color-secondary-500: #121212;
	--color-secondary-600: #101010;
	--color-secondary-700: #0B0B0B;
	--color-secondary-800: #080808;
	--color-secondary-900: #050505;
	--color-accent-100: #EDFAF6;
	--color-accent-200: #D2F2E9;
	--color-accent-300: #B7EBDC;
	--color-accent-400: #82DBC1;
	--color-accent-500: #4CCCA7;
	--color-accent-600: #44B896;
	--color-accent-700: #2E7A64;
	--color-accent-800: #225C4B;
	--color-accent-900: #173D32;
	--color-contrast-100: #FEF1F4;
	--color-contrast-200: #FDDBE3;
	--color-contrast-300: #FCC5D2;
	--color-contrast-400: #F99AB0;
	--color-contrast-500: #F76F8E;
	--color-contrast-600: #DE6480;
	--color-contrast-700: #944355;
	--color-contrast-800: #6F3240;
	--color-contrast-900: #4A212B;
	--color-gray-100: #FEFEFE;
	--color-gray-200: #FCFCFC;
	--color-gray-300: #FAFAFA;
	--color-gray-400: #F6F6F6;
	--color-gray-500: #F2F2F2;
	--color-gray-600: #DADADA;
	--color-gray-700: #919191;
	--color-gray-800: #6D6D6D;
	--color-gray-900: #494949;
	--color-light: #CBD5E0;
	--color-medium: #434B52;
	--color-dark: #1F2C38;
	--color-dark-translucent: rgba(31, 44, 56, 0.80);
	--color-vue-green: #41B883;
	--color-vue-blue: #34495E;
	--color-react-blue: #61DAFB;
	--color-react-blue-dark: #27637D;
	--color-aws-orange: #FF9901;
	--color-aws-black: #252F3F;
	--color-angular-red: #DE0031;
	--color-angular-red-dark: #C3002F;
	--color-javascript-yellow: #F7DF1F;
	--color-typescript-yellow: #017ACC;
	--color-polymer-pink: #FA4F77;
	--color-polymer-blue: #228DEA;
	--color-azure-blue: #0189D6;
	--body-background-color: var(--color-gray-500);
}