/**
 *
 * Maturity CSS constants
 * Author:  edd@madewithmaturity.com
 * @package maturity
 * @link    madewithmaturity.com
 *
 */


:root {
    --font-one: 'interface', sans-serif;
	--font-two:	'new-kansas', sans-serif;
    --dark: rgba(20,20,20,1);
    --light: rgba(255,255,255,1);
    --main-blue: rgba(60, 95, 95, 1);
    --second-blue: #8FD4D5;
    --fourth-blue: #00B1B0;
    --third-blue: #1F7BB9;
    --background-blue1: rgba(242, 254, 255, 1);
    --background-blue2: rgba(247, 253, 253, 1);
    --background-blue3: rgba(213, 250, 250, 1);
    --background-purple: rgba(241, 245, 252, 1);
    --border: 1.5rem;
    --gapsize: 4rem;
    --waveheight: 25rem;
    --waveoffset: 15rem;
    --container-width: 60rem;
    --main-gradient: linear-gradient(45deg, rgba(31,123,185,1) 0%, rgba(22,227,226,1) 50%, rgba(31,123,185,1) 100%);
}





.background-second-blue {
	background-color: var(--second-blue);
	
}
.background-third-blue {
	background-color: var(--third-blue);
	
}
.background-fourth-blue {
	background-color: var(--fourth-blue);
}

.background-main-blue {
	background-color: var(--fourth-blue);
}

.background-blue1 {
	background-color: var(--background-blue1);
	
}
.background-blue2 {
	background-color: var(--background-blue2);
	
}
.background-blue3 {
	background-color: var(--background-blue3);
}

.background-purple {
	background-color: var(--background-purple);
}