h1, #hashtagOutput {text-align: center}
#hashtagForm,
#hashtagOutput {
	width: 768px;
	max-width: 100%;
	background: #f9f9f9;
	border: 1px solid #ccc;
	padding: 50px;
	border-radius: 1rem;
	margin: 40px auto;
}
.input-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 1rem;
	margin-bottom: 1rem;
}
.input-field label {
	display: block;
	margin-bottom: 5px;
	padding: 0 8px;
}
.input-field input[type="text"],
.input-field input[type="date"],
.input-field input[type="text"]:focus,
.input-field input[type="date"]:focus {
	width: 100%;
	height: 50px;
	outline: #C1C3D8 auto;
	border-radius: .5rem;
	background: #fff;
}
.input-field input[type="date"] {
	padding: .75em;
}
.input-field input[type="text"]:focus,
.input-field input[type="date"]:focus {
	outline: var(--ast-global-color-0) auto;
}
#hashtagForm button {
	width: 100%;
	height: 50px;
	border-radius: .5rem;
	margin-top: .5rem;
	font-weight: bold;
	text-transform: uppercase;
}
#hashtagOutput button {
	border-radius: .5rem;
}
.jump-tos-title {
	font-size: 1.25rem;
	text-transform: uppercase;
	margin-top: 40px;
}
.jump-tos-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1rem;
	margin: 1rem 0;
}
#hashtagOutput .jump-tos-row a {
	display: flex;
  justify-content: center;
  align-items: center;
	color: #000;
	font-weight: bold;
	padding: 10px;
	background: #fff;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: .5rem;
}
#hashtagOutput hr {
	height: 20px;
	background: transparent;
}
.hashtag-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 10px;
	margin-bottom: 1rem;
	background-color: #fff;
	overflow-x: auto;
}

.hashtag {
	font-size: 20px;
	margin: .5rem;
}

.hashtag-links {
	display: flex;
	gap: .5rem;
	margin: .5rem;
}

.facebook-icon,
.twitter-icon,
.instagram-icon,
.copy-icon {
	width: 24px;
	height: 24px;
	cursor: pointer;
	background: #58595b;
	border-radius: 50%;
}
.hashtag-links a svg,
.copy-icon svg {
	padding: 5px;
}
.hashtag-links a svg path,
.copy-icon svg path {
	fill: #fff;
}
@media only screen and (max-width: 767px) {
	#hashtagForm,
	#hashtagOutput {
		padding: 20px;
	}
	.input-row {
		grid-template-columns: 1fr;
	}
	.input-row .input-field:first-child {
		margin-bottom: .5rem;
	}
	.jump-tos-row {
		grid-template-columns: 1fr 1fr;
	}
	.hashtag-box {
		flex-direction: column;
	}
}