@font-face {
	font-family: 'Romantic Couple';
	font-weight: 400;
	font-style: normal;
	src: url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple.eot');
	src: url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple.eot?#iefix') format('embedded-opentype'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple.woff') format('woff'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple.woff2') format('woff2'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple.ttf') format('truetype');
}

@font-face {
	font-family: 'Romantic Couple Script';
	font-weight: 400;
	font-style: normal;
	src: url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple-Script.eot');
	src: url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple-Script.eot?#iefix') format('embedded-opentype'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple-Script.woff') format('woff'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple-Script.woff2') format('woff2'), url('https://d1tntvpcrzvon2.cloudfront.net/static-assets/fonts/Romantic-Couple-Script.ttf') format('truetype');
}

body {
	margin: 0;
	background-color: #ece1e1;

}

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

.header {
	text-align: center;
	font-family: "Romantic Couple";
	color: rgb(144, 25, 44);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.43;
	letter-spacing: 2px;
	font-size: min(42px, 5vw);
	top: 10%;
	width: 100%;
	/* position: absolute; */

}

.countdown {
	text-align: center;
	font-family: "Romantic Couple";
	color: rgb(0, 0, 0);
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.43;
	letter-spacing: 2px;
	font-size: min(64px, 10vw);
	width: 100%;

}

.custom-photo-upload {
	background-color: rgb(243, 213, 226);
	border: 2px solid rgb(150, 150, 150);
	color: rgb(50, 50, 50);
	border-style: outset;
	display: inline-block;
	padding-top: min(2.5vw, 40px);
	padding-bottom: min(2.5vw, 40px);
	padding-left: min(3vw, 80px);
	padding-right: min(3vw, 80px);
	cursor: pointer;
	font-size: min(8vw, 32px);
	font-family: "Romantic Couple";
}

.flex-center {
	overflow: hidden;
	/* position: absolute; */
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#message {
	color: black;
	font-size: min(24px, 3.5vw);
	text-align: center;
	width: 75%;
	white-space: pre-line;
	margin: auto;
	margin-top: 25px;
}

#fern {
	height: 400px;
	-webkit-transform: rotate(-60deg) scaleX(-1);
	transform: rotate(-60deg) scaleX(-1);

	margin: auto;
}

#note-submit {
	text-align: center;
}

#note-upload {
	width: 100%;
	min-width: 100px;

}

.custom-note-upload {
	text-align: center;
}

form {
	margin: auto;
}