.container{
	display: flex;
	justify-content: flex-start;
	margin-left: 1vh;
	margin-top: 2vh;
	align-content: center;
	font-size: .62vw; 
}

.blocks{
	padding-right: 20vh;
}

.blocks:last-of-type{
	padding-left: 40vh;
}


body{
	 font-family: 'Franklin ITC Pro';
	 color:white;
	 background-image: url('images/homepage-bg.gif');
     background-image: src="preview.gif" loop=infinite /;
     background-size: 100% 100%;
     text-align: left;
	}

@font-face {
    font-family: 'Source Serif Pro';
    src: url('SourceSerifPro-Light.woff2') format('woff2'),
        url('SourceSerifPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin ITC Pro';
    src: url('FranklinITCPro-Thin.woff2') format('woff2'),
        url('FranklinITCPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Franklin ITC Pro';
    src: url('FranklinITCPro-Light.woff2') format('woff2'),
        url('FranklinITCPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}