* {
box-sizing: border-box;
}

body {
margin: 0;
font-family: sans-serif;
background: #f5f6f7;
}

.header {
text-align: center;
text-transform: uppercase;
padding: 32px;
background-color: #000063;
color: #fff;
border-bottom: 4px solid #d30000;
font-size: larger;
}

.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 16px;
max-width: 1400px;
margin: 0 auto;
padding: 20px 10px;
}

.gallery img {
width: 100%;
max-width: 350px;
height: 300px;
object-fit: cover;
border-radius: 10px;
}

.gallery::after {
content: "";
width: 350px;
}
.pdf{
	width:35%;
	height: 100vh;
}
.body-header{
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
	color: black;
}
.homepage-header{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding:20px;
	gap:100px;
	text-align: center;
	text-transform: uppercase;
	background-color: #000063;
	
}
.home-photo{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.home-photo img{
	margin-top: 20px;
	object-fit: cover;
	width: 400px;
	height:500px;
	border-radius: 40px;
}
.about{
	text-align: center;
	padding:20px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 25px;

}
.cv-gallery{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap:150px;
}
.cv-header{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:30%;
}
.party-header{
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap:30%;
	color: #000063;
}
.home-button{
	background-color: #000063;
	color: #fff;
	font-size: 35px;
	font-family: sans-serif;
	text-transform: uppercase;
	border-color: #d30000;
	border-radius: 10px;
	padding: 20px;
}
.server-button{
	margin-top: 20px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 60px;
}
.jellyfin-button{
	background-color: rgb(114, 0, 114);
	font-size: 35px;
	padding:50px;
	border-radius: 10px;
	border-color: black;
	border-width: 5px;
	font-family: 'Courier New', Courier, monospace;
}
.file-button{
	background-color: black;
	font-size: 40px;
	padding:50px;
	color: #fff;
	border-radius: 10px;
	border-color: black;
	border-width: 5px;
	font-family: 'Courier New', Courier, monospace;
}
.year-button{
	background-color: #000063;
	color: #fff;
	font-size: 35px;
	font-family: sans-serif;
	text-transform: uppercase;
	border-color: #d30000;
	border-radius: 10px;
	padding: 20px;
	margin: 20px auto;
	display: block;
}


input{
	width:20%;
	display: block;
}
input[type="submit"] {
	display: block;
	width: 60%;
	margin: 1em auto;
	height: 2em;
	font-size: 1.1rem;
	background-color: #000063;
	border-color: #d30000;
	color: white;
	min-width: 300px;
	font-family: sans-serif;
  }
fieldset{
	margin: 10px 0 0 0;
	align-content: center;
	background-color: #000063;
	border-color: #d30000;
	color: #fff;
}
textarea{
	display: block;
	width:100%;
	margin:1em auto;
}