html,
body,
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;

	font-family: 'Noto Serif', serif;
}

body {
	width: 100vw;
	height: 100vh;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 30px;

	background: linear-gradient(214.94deg, #1c1f20 30.9%, #1d2840 92.54%);
}

a,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: white;
	text-decoration: none;
}

.top-nav {
	width: 100%;

	display: flex;
	justify-content: center;
}

.master {
	display: flex;
	align-items: center;
	padding: 0px 12px;
}
.master-logo {
	max-width: 30px;
	max-height: 30px;
	margin-right: 12px;
	border-radius: 6px 0 6px 6px;
}
.master-title {
	font-size: 1.5rem;
	font-weight: 600;
}

.section-empty {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 1;
}
.section-empty__image {
	padding: 12px 14px 0px;
	gap: 10px;

	display: flex;

	background: linear-gradient(214.94deg, #191f2c 30.9%, #1c1f20 92.54%);
	border: 2.5px solid #5a6d73;

	border-radius: 32px;

	margin-bottom: 8px;
}
.section-empty__image-src {
	max-width: 256px;
	max-height: 256px;
}
.section-empty__title {
	font-size: 1.375rem;
	font-weight: 500;
}

.footer-nav {
	width: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
}
.footer-nav__title {
	font-size: 1rem;
	font-weight: 400;

	margin-bottom: 10px;
}
.footer-nav__social {
	display: flex;
	gap: 16px;
}
.footer-nav__social-hyperlink {
	max-width: 32px;
	max-height: 32px;
	display: flex;
	padding: 3px;
}
.footer-nav__social-hyperlink__img {
	max-width: 100%;
	border-radius: 6px;
}