@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-color: rgba(34,25,105,.75);
	background-image: url("assets/galaxy.jpeg");
	background-blend-mode: soft-light;
	background-position: bottom;
	background-attachment: fixed;
	background-size: cover;
}

section{
	padding: 40px;
}

figure {
	margin: 10px;
}

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

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

.second {
	width:70vw; 
	margin:auto;
}

h1 {
	font-size: 10em;
	color: #e6e3ff;
	font-weight: 800;
	font-style: italic;
	text-shadow: 5px 5px 1px #221969;
	margin-bottom: 5vh;
}

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

.subtitle {
	font-weight: 500;
	font-style: italic;
	font-size: 2.75em;
	text-shadow: 3px 3px 1px #221969;
	color: #e6e3ff;
}

.caps {
	text-transform: uppercase;
}

.question {
	font-family: "Proza Libre", sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.5em;
	color: #e6e3ff;
}

.answer {
	font-family: "Proza Libre", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 3em;
	margin: 5vh 0 5vh 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: 80vh;
	display: flex;
	align-items: center;
	background-blend-mode: screen;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	border-bottom: 5px solid #06012e;
}

#bio {
	display: flex;
	font-size: 1.2em;
}

#favorites {
	background-image: url("assets/dust.png"), linear-gradient(#221969, #0a0438);
}

.flex img {
	width: 200px;
}

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

.flex {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

a {
	color: #89bcf6;
}

a:hover {
	color: #e6e3ff;
}

.emoflex {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.emolist {
	margin-left: 30px;;
}

.emolist:nth-child(odd) {
	margin-left: 0;
	margin-right: 30px;
}

.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;
}