@charset "UTF-8";
/* CSS Document */

body {
	background-color: #030117;
	color: #89bcf6;
	text-align: center;
	line-height: 1.6;
	font-family: "Proza Libre", sans-serif;
}

.container,
header,
footer {
	padding: 75px;
}

header {
	height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background-image: url("assets/galaxy.jpeg");
	background-blend-mode: screen;
	background-color: #030117;
	background-position: bottom;
	background-attachment: fixed;
	background-size: cover;
}

section{
	padding: 20px;
}

figure {
	margin: 10px;
}

.second,
.container {
	background-color: #0a0438;
}

.first,
.third {
	background-color: #221969;
	width:600px; 
	margin:auto;
}

.second {
	width:600px; 
	margin:auto;
}

h1 {
	font-size: 8em;
	color: #e6e3ff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 2px 2px 50px #221969;
}

strong {
	font-weight: 700;
  font-style: normal;
	color: #e6e3ff;
}

.subtitle {
	font-weight: 500;
	font-style: italic;
	font-size: 2.5em;
	text-shadow: 2px 2px 20px #221969;
	color: #e6e3ff;
}

.caps {
	text-transform: uppercase;
}

.answer {
	font-family: "Proza Libre", sans-serif;
  font-weight: 700;
  font-style: normal;
	font-size: 1.5em;
	margin: 1em 0 1em 0;
	color: #e6e3ff;
}

.smaller {
	font-size: smaller;
}

.paragraph {
	text-align: left;
}

hr {
	margin: 1.5em 0 1.5em 0;
}

.first hr,
.third hr {
	color: #0a0438;
}

.second hr,
header hr {
	color: #221969;
}

li {
	margin-top: .75em;
}

#hometown {
	background-image: url("assets/pfaff.jpg");
}

#career {
	background-image: url("assets/orca.jpeg");
}

#design {
	background-image: url("assets/books.jpeg");
}

#typeface {
	background-image: url("assets/proza.png");
}

#hometown,
#career,
#design,
#typeface {
	height: 75vh;
	display: flex;
	align-items: center;
	background-blend-mode: screen;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	border-bottom: 10px solid #06012e;
}

img {
	width: 200px;
}

.container .first {
	background-color: rgba(34,25,105,0.85);
	backdrop-filter: blur(10px);
}

.proza-libre-regular {
  font-family: "Proza Libre", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.proza-libre-medium {
  font-family: "Proza Libre", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.proza-libre-semibold {
  font-family: "Proza Libre", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.proza-libre-bold {
  font-family: "Proza Libre", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.proza-libre-extrabold {
  font-family: "Proza Libre", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.proza-libre-regular-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.proza-libre-medium-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.proza-libre-semibold-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.proza-libre-bold-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.proza-libre-extrabold-italic {
  font-family: "Proza Libre", sans-serif;
  font-weight: 800;
  font-style: italic;
}