/*
 * fonts.css
 *
 * TODO figure out if we still use the Marzo font
 */

/* 
 * Karla
 *
 * Used in main text 
 */
@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap');

/* 
 * Montserrat
 *
 * Used in blog header
 *
 * Design uses Proxima Nova, but that's a expensive paid font, this is a good free alternative
 */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap');

/* Milkshake
 *
 * Used in logo
 */
@import url('https://db.onlinewebfonts.com/c/13dbbd029d70f10549374a111e88aee0?family=Milkshake');

/*
 * Marzo
 *
 * Don't know if we actually use this
 */
@import url('https://db.onlinewebfonts.com/c/1e6ec96c95301fa73aa1d026f161a269?family=MarzoW00-Regular');

/* LuloCleanOne-Bold
 *
 * Used in parallax
 */
@import url('https://db.onlinewebfonts.com/c/164a60c2e090248befbcf32fdd5af386?family=LuloCleanOne-Bold');

/* 
 * Karla-bold
 *
 * Used in Logo
 *
 * Copied from design because it doesn't match google's variant of bold 700 
 * https://static.wixstatic.com/ufonts/ad6d43_62e8cd57ca2a4e80929c547fe541cbf7/woff2/file.woff2
 */
@font-face {
	font-family: 'Karla-bold';
	src: url('../fonts/Karla-bold.woff2');
}