/** {
	outline: 1px solid blue;
}*/

@font-face {
	font-family: 'bluu_nextbold';
	src: url('bluunext-bold-webfont.woff2') format('woff2'),
	         url('bluunext-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Fira Code';
  src: url('FiraCode-Light.woff2') format('woff2'),
    url("FiraCode-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: 'Fira Code';
  src: url('FiraCode-SemiBold.woff2') format('woff2'),
    url("FiraCode-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}


:root {
	--padding: 2rem;
	--font-size:1rem;
	--big-font-size:2rem;
	--font-size-menu:1.4rem;
	--cv-font-size:1rem;
}

html {
	background-color: #f3f3f3;
	font-weight: 300;
}

body {
	padding: var(--padding);
}

h1 {
	font-family: 'bluu_nextbold';
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	font-size: var(--big-font-size);
	margin-top: 0;
}

h2 {
	margin-top: 0;
	text-align: center;
}

h1 span {
display: block;
}

h1 span.lower {
	text-transform: lowercase;
	display: inline;
}

a {
	color: unset;
}

address a {
	text-decoration: none;
}

p, address {
	font-family: 'Fira Code';
	font-weight: 300;
	font-style: normal;
	font-size: var(--font-size);
}

	.resume {
		padding-top: 2rem;
		line-height: 1.5;
	}

.cv {
	font-family: 'Fira Code';
	font-weight: 300;
	font-style: normal;	
	font-size: var(--cv-font-size);
	line-height:1.3 ;
	padding-top: var(--padding);
	margin-bottom: var(--padding);
}

.cv p {
	margin: 0;
	margin-bottom: 2ch;
	text-indent: 3ch;
	font-size: inherit;
}

.cv ul {
	list-style-type: none;
	padding: 0;
}

.cv li {
	margin-bottom: .5ch;
}

.cv h2 {
	
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: .2ch;
	font-size: 100%;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	padding-bottom: 1ch ;
	margin-bottom: 3ch;
}
.cv h3 {
	margin: 0;
	font-size: inherit;
	
}
.cv h3 span {
	font-weight: 300;
}



address {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap:.5rem;
}

nav.navigation {
	font-family: 'bluu_nextbold';	
}

.navigation ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	list-style: none;
	gap:2ch;
	padding-left: 0;
}
	
.navigation a {
		color: unset;
	font-size: var(--font-size-menu);
}

@media (min-width: 1100px) {
	:root {
		--padding: 4rem;
		--font-size:1rem;
		--big-font-size:2rem;
	--font-size-menu:1.3rem;
	}
	
	body {
		  box-sizing: border-box;
		  height: 100vh;
	}
	
	header {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		max-height:90vh;
	}
	
	.page {
		width: 100%;
		height: 100%;
		display: grid;
grid-template-columns: 1fr 2fr;
		max-width: 1700px;
		margin-left: auto;
		margin-right: auto;
		
	}
	
	.resume {
		display: flex;
		align-self: center;
/*		margin-top: 50%;
		  transform: translateY(-50%);*/
		line-height: 1.5;
		padding-top: 0;
	}
	h2 {
		text-align: left;
	}
}

@media (min-width: 1600px) {
		:root {
		--big-font-size:3.5rem;
		--font-size:1.2rem	
		}
		
		.page {
			grid-template-columns:1fr 1fr;
		}
		
		.resume {
		}
	}
	
	/* @group SWUP */
	
	.transition-fade {
  transition: 0.2s;
  opacity: 1;
}

html.is-animating .transition-fade {
  opacity: 0;
}
	
	/* @end */