body {
	font-family: "Montserrat", Arial, sans-serif;
	margin: 0;
	padding: 20px;
}

h1 {
	text-align: center;
	font-family: "Montserrat Black", Arial, sans-serif;
}

.container {
	max-width: 1000px;
	margin: 0 auto;
}

.textarea {
	width: 100%;
	height: 200px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	resize: none;
}

.button {
	display: block;
	margin-top: 10px;
	padding: 10px;
	width: 100%;
	background-color: #fff;
	color: #000;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: bold;
}

.result {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	position: relative;
}

.result-title {
	font-weight: bold;
}

.disclaimer {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	font-family: "Montserrat", Arial, sans-serif;
}

.betabox {
	display: inline-block;
	background-color: #ffc34f;
	color: #000;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 10px;
	font-family: "Montserrat", Arial, sans-serif;
}

.loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: spin 1s linear infinite;
}

.copy-button {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
	background-color: #efefef;
	color: #000;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	font-family: "Montserrat", Arial, sans-serif;
	font-weight: bold;
}

.copy-success {
	font-size: 12px;
	text-align: center;
	color: green;
}

.copy-error {
	font-size: 12px;
	text-align: center;
	color: red;
}

@media only screen and (max-width: 1000px) {
	.container {
		max-width: 100%;
	}
}

.loading-message {
	display: none;
	margin-top: 10px;
	text-align: center;
	color: #000;
}

.button,
.copy-button {
	transition: transform 0.3s ease-in-out;
}

.button:hover,
.copy-button:hover {
	transform: scale(1.01);
}