@font-face
{
	font-family:'TT Commons Pro Cond';
	src:url(/fonts/TTCommonsProCond-Db.eot);
	src:url(/fonts/TTCommonsProCond-Db.eot?#iefix) format("embedded-opentype"),url(/fonts/TTCommonsProCond-Db.woff2) format("woff2"),url(/fonts/TTCommonsProCond-Db.woff) format("woff"),url(/fonts/TTCommonsProCond-Db.ttf) format("truetype");
	font-weight:600;
	font-style:normal;
	font-display:swap
}

@font-face
{
	font-family:'TT Commons Pro Cond Black';
	src:url(/fonts/TTCommonsProCond-Blk.eot);
	src:url(/fonts/TTCommonsProCond-Blk.eot?#iefix) format("embedded-opentype"),url(/fonts/TTCommonsProCond-Blk.woff2) format("woff2"),url(/fonts/TTCommonsProCond-Blk.woff) format("woff"),url(/fonts/TTCommonsProCond-Blk.ttf) format("truetype");
	font-weight:900;
	font-style:normal;
	font-display:swap
}

*
{
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:'TT Commons Pro Cond';
	font-weight:600;
	letter-spacing:-.025em
}

strong
{
	font-family:'TT Commons Pro Cond Black';
	font-weight:900
}

body
{
	background:#f6efe4
}

.page
{
	min-height:100vh;
	background:url(/images/bg.png) repeat;
	position:relative;
	overflow:hidden
}

.header
{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:830px;
	display:flex;
	justify-content:flex-end;
	padding:0 40px
}

.logo
{
	width:100px
}

.content
{
	max-width:830px;
	margin:0 auto;
	padding:100px 0 280px;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:24px
}

.top
{
	width:100%;
	z-index:2
}

h1,h1 span
{
	font-family:'TT Commons Pro Cond Black';
	font-size:96px;
	line-height:0.8;
	margin-bottom:25px;
	font-weight:900
}

.blue
{
	color:#0090e2;
	font-weight:900
}

.red
{
	color:red;
	font-weight:900
}

.glow-red
{
	text-shadow:0 0 3px #f006 0 0 15px #ff00004d
}

.glow-blue
{
	text-shadow:0 0 3px #007bff66 0 0 15px #007bff4d;
	font-family:'TT Commons Pro Cond Black'
}

.description
{
	font-size:26px;
	color:#0090e2;
	margin-bottom:15px
}

.small
{
	font-size:19px;
	color:#9d6e46;
	margin-bottom:25px
}

.form
{
	display:flex;
	flex-direction:column;
	gap:12px;
	max-width:500px
}

.form label
{
	font-size:19px;
	color:#9d6e46;
	padding-top:12px
}

.form input[type="email"]
{
	padding:12px 14px;
	border-radius:10px;
	border:1px solid #9d6e46;
	background:#faeee2;
	font-size:19px
}

.form input[type="file"]
{
	display:none
}

.upload
{
	background:#9d6e46;
	color:#fff!important;
	border:none;
	padding:12px;
	border-radius:20px;
	font-weight:700;
	cursor:pointer;
	text-align:center;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:280px
}

.form-note
{
	font-size:19px;
	color:#9d6e46;
	padding-top:12px
}

.submit
{
	background:red;
	font-size:19px;
	color:#fff;
	border:none;
	padding:12px;
	border-radius:19px;
	font-weight:700;
	cursor:pointer;
	max-width:280px
}

.glow-red-button
{
	box-shadow:0 0 3px #f006 0 0 15px #ff00004d
}

.bottom
{
	width:100%;
	position:relative
}

.footer
{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	max-width:830px;
	background:url(/images/footer.png) bottom center / cover no-repeat;
	background-size:contain
}

.pizza
{
	display:block;
	margin:0 auto;
	position:relative;
	z-index:1;
	margin-right:-5%
}

.footer__links
{
	position:absolute;
	bottom:0;
	right:0;
	z-index:99;
	display:flex;
	flex-direction:column;
	text-align:right;
	gap:6px;
	padding-right:50px;
	padding-bottom:45px
}

.footer__links a
{
	color:#8a6b52;
	text-decoration:none;
	font-size:20px
}

.modal
{
	position:fixed;
	inset:0;
	z-index:1000;
	display:grid;
	place-items:center
}

.modal__overlay
{
	position:absolute;
	inset:0;
	background:#00000073
}

.modal__card
{
	position:relative;
	background:#fff7ed;
	padding:24px 28px;
	border-radius:16px;
	max-width:360px;
	text-align:center;
	box-shadow:0 20px 60px #00000040;
	z-index:1
}

.modal__card p
{
	color:#5a4632;
	font-size:20px;
	margin-bottom:16px
}

.modal__close
{
	border:none;
	background:#9d6e46;
	color:#fff;
	padding:10px 20px;
	border-radius:20px;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase
}

@media (max-width: 767px) {
	.header
	{
		max-width:90%;
		margin-left:5%
	}

	.logo
	{
		width:100px
	}

	.content
	{
		max-width:90%;
		margin-left:5%;
		padding:100px 0 280px
	}

	h1,h1 span
	{
		font-size:11vw;
		line-height:1
	}

	.description
	{
		font-size:4vw
	}

	.small
	{
		font-size:4vw
	}

	.form
	{
		max-width:80%;
		margin-left:10%
	}

	.footer
	{
		width:100%;
		max-width:100%;
		background:url(/images/footer.png) calc(100% - 20px) bottom / cover no-repeat;
		background-size:140vw
	}

	.footer img
	{
		width:120%;
		margin-left:-25%
	}

	.footer__links
	{
		padding-bottom:25px
	}

	.footer__links a
	{
		font-size:14px
	}
}