:root {
	--font-scale: 1;
}
@font-face {
	font-family: 'Rubik-Light_Bold';
	src: url('Rubik-Light_Bold.ttf');
}
@font-face {
	font-family: 'Rubik-Light_Medium';
	src: url('Rubik-Light_Medium.ttf');
}
@font-face {
	font-family: 'Rubik-Light_ExtraBold';
	src: url('Rubik-Light_ExtraBold.ttf');
}
body {
	background-color: rgba(92, 130, 158, 1);
	padding: 16px;
	margin: 0;
}
a {
	color: rgba(249, 193, 48, 1);
	line-height: 1.25;
	text-transform: none;
	font-family: 'Rubik-Light_Bold';
	font-style: normal;
	font-size: calc(16px * var(--font-scale));
	text-decoration: underline;
}
ul {
	color: rgba(254, 246, 221, 1);
	line-height: 1.25;
	text-transform: none;
	font-family: 'Rubik-Light_Medium';
	font-style: normal;
	font-size: calc(16px * var(--font-scale));
}
p {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: none;
	font-family: 'Rubik-Light_Medium';
	font-style: normal;
	font-size: calc(16px * var(--font-scale));
}
body {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: none;
	font-family: 'Rubik-Light_Medium';
	font-style: normal;
	font-size: calc(16px * var(--font-scale));
}
h5 {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Rubik-Light_ExtraBold';
	font-style: normal;
	font-size: calc(14px * var(--font-scale));
}
h4 {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Rubik-Light_ExtraBold';
	font-style: normal;
	font-size: calc(16px * var(--font-scale));
}
h3 {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Rubik-Light_ExtraBold';
	font-style: normal;
	font-size: calc(18px * var(--font-scale));
}
h2 {
	color: rgba(254, 246, 221, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Rubik-Light_ExtraBold';
	font-style: normal;
	font-size: calc(18px * var(--font-scale));
}
h1 {
	color: rgba(254, 246, 221, 1);
	line-height: 1.43;
	text-transform: uppercase;
	font-family: 'Rubik-Light_ExtraBold';
	font-style: normal;
	font-size: calc(28px * var(--font-scale));
}
.button.button-primary {
	background-color: rgba(233, 104, 160, 1);
	border-radius: 16px;
	color: rgba(31, 21, 13, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'Roboto-Bold';
	font-style: bold;
	font-size: calc(14px * var(--font-scale));
}
.button.button-secondary {
	background-color: rgba(254, 246, 221, 1);
	border-radius: 16px;
	color: rgba(0, 0, 0, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-style: bold;
	font-size: calc(14px * var(--font-scale));
}
.button.button-tertiary {
	background-color: rgba(134, 162, 49, 1);
	border-radius: 16px;
	color: rgba(0, 0, 0, 1);
	line-height: 1;
	text-transform: uppercase;
	font-family: 'RobotoCondensed-Bold';
	font-style: bold;
	font-size: calc(14px * var(--font-scale));
}
.button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	text-decoration: none;
}