/* typo */
@font-face {
	font-family: "OrelegaOne";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url( "OrelegaOne-Regular.ttf" ) format( "truetype" )
}
body {
	font-family: "OrelegaOne";
	text-align: center;
	width: 100vw;
	height: 100vh;
	background-color: #f75b77;
	color: #fff;
	background-image: url("background.png");
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: table-cell;
	vertical-align: middle;
}

h1 {
	font-size: 3rem;
}

a,
a:hover {
	color: #FFF;
}

p {
	font-size: 1.2em;
}

.modal-dialog {
	max-width: 95%;
	margin: 0 auto;
}

.modal-content {
	background-color: transparent;
}

@media (min-width: 900px) {
	.modal-dialog {
		max-width: 60%;
	}
}