@media print {
	.no-print {
		display: none;
	}
	.only-print {
		display: block !important;
	}
	body {
		width: 98vw;
		height: 100vh;
		font-size: 0.85em !important;
	}
}
.only-print {
	display: none;
}
* {
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}
@font-face {
	font-family: Rollerscript;
	src: url(Rollerscript-Rough.woff2);
	font-display: swap;
}

body {
	font-family: ui-sans-serif, sans-serif;
	font-size: 1.4em;
	background-image: url("/loft.webp");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
}
main {
	min-height: 100vh;
	background: #ffffffbb;
	z-index: 1;
	max-width: 35em;
	margin: auto;
	padding: 1.5vw;
}
#titles {
	color: purple;
	font-family: Rollerscript, sans-serif;
	text-align: center;
}
#title {
	margin-bottom: -0.2vh;
}
#subtitle {
	font-size: 1.75em;
	margin-bottom: 1em;
}
h2 {
	font-size: 1.75em;
	margin-bottom: 0.3em;
}
h1 {
	font-size: 2.5em;
	text-align: center;
}
th {
	text-align: start;
	font-weight: normal;
	text-decoration: underline;
}
.d-block {
	display: block;
}
#sign-up {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.m-auto {
	margin: auto;
}

.qr-link {
	margin-top: -0.2em;
	font-size: 0.7em;
}

.gradient-border {
	    background: linear-gradient( 
		90deg,
		rgba(255, 0, 0, 1) 0%,
		rgba(255, 154, 0, 1) 10%,
		rgba(208, 222, 33, 1) 20%,
		rgba(79, 220, 74, 1) 30%,
		rgba(63, 218, 216, 1) 40%,
		rgba(47, 201, 226, 1) 50%,
		rgba(28, 127, 238, 1) 60%,
		rgba(95, 21, 242, 1) 70%,
		rgba(186, 12, 248, 1) 80%,
		rgba(251, 7, 217, 1) 90%,
		rgba(255, 0, 0, 1) 100%
	    );
	padding: 2px;
	width: fit-content;
	margin: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#phone-form {
	background: #ffffffee;
	width: fit-content;
	padding: 1em;
	padding-right: 1.75em;
	padding-left: 1.75em;
}

#table-container {
	margin: auto;
	width: fit-content;
	padding: 0.5em;
	background: #ffffffee;
}
#info-table th, #info-table td {
	padding: 0.4em;
}

#print-qr {
	display: block;
	padding: 1vw;
	height: 10em;
	margin: auto;
}

.text-center {
	text-align: center;
}

#qr-container {
	background: #ffffffee;
	margin: auto;
	width: 12em;
	height: 12em;
}

#qr-code {
	width: 90%;
}

.m-auto {
	margin: auto;
}

.fit {
	width: fit-content;
}

#sell {
	font-family: Rollerscript;
	margin-left: 1em;
	color: purple;
	font-size: 1.3em;
}
#sell > blockquote {
	margin-left: 0;
}
#sell > ul > li {
	margin-top: 1vh;
	margin-bottom: 1vh;
}
#invitation-lead {

}