.signature-option {
	font-size: 32px;
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}
.signature-option:hover {
	background-color: #EEEEEE;
}

.signature1 {
	font-family: 'Dancing Script', cursive;
}
.signature2 {
	font-family: 'Great Vibes', cursive;
}
.signature3 {
	font-family: 'Lobster', cursive;
}
.signature4 {
	font-family: 'Yellowtail', cursive;
}
.signature5 {
	font-family: 'Alex Brush', cursive;
}
.signature6 {
	font-family: 'Satisfy', cursive;
}

@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Dancing-Script.ttf') format('truetype');
}
@font-face {
	font-family: 'Great Vibes';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Great-Vibes.ttf') format('truetype');
}
@font-face {
	font-family: 'Lobster';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Lobster.ttf') format('truetype');
}
@font-face {
	font-family: 'Satisfy';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Satisfy.ttf') format('truetype');
}
@font-face {
	font-family: 'Alex Brush';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Alex-Brush.ttf') format('truetype');
}
@font-face {
	font-family: 'Yellowtail';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('/font/roboto/Yellowtail.ttf') format('truetype');
}