/*Global Styles*/

/*// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 800

.open-sans-<uniquifier> {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

font-family: "heimat-mono", sans-serif;
font-weight: 800;
font-style: normal;

font-family: "heimat-mono", sans-serif;
font-weight: 300;
font-style: normal;

font-family: "acumin-pro-semi-condensed", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "aktiv-grotesk-arabic", sans-serif;
font-weight: 300;
font-style: normal;

<link rel="stylesheet" href="https://use.typekit.net/xtu0zfn.css">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
*/

/*apply a natural box layout to all elements, but allowing components to change */





:root {
	--color-primary:#193749;
	--color-secondary:#a97c50;
	--font-primary:"acumin-pro-semi-condensed", sans-serif ;
	--font-secondary:"aktiv-grotesk-arabic", sans-serif;


}

html, body{
	font-size: 16px;
	font-family: var(--font-secondary);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-primary);
}

h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.5rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1rem;
}

h6 {
	font-size: .75rem;
}

/*resume*/
#resume ul{
	list-style-type: none;
	padding-left: 0;
}