:root {
    --color1: rgba(26, 43, 60, 1);
    --color2: rgba(51, 68, 85, 1);
}

@font-face {
        font-family: 'FontTitle';
        src: url('../fonts/PlayfairDisplay-Medium.ttf')  format('truetype') ;
}
@font-face {
        font-family: 'FontBody';
        src: url('../fonts/Roboto-Medium.ttf')  format('truetype') ;
}

body { 
	font-family: 'FontBody';
	font-size: 1.125rem;
	line-height: 1.75rem;
}

h1 {
	font-family: 'FontTitle';
	font-size: 1.5rem;
	line-height: 2rem;
}

.section1 {
	background: var(--color2);
	background: linear-gradient(180deg, var(--color1) 0%, var(--color2) 100%); 
}

.section1 h1, .section1 copy { color:white }

.btn {
	background: var(--color1);
}