body {
	background-color: #332b4d;
	background-image: linear-gradient(316deg, #310e68 0%, #5f0f40 74%);
}

.container {
	position: fixed;
	inset: 0;
	width: fit-content;
	height: fit-content;
	margin: auto;
}

.app-title {
	text-align: center;
	font-size: 10vw;
	font-weight: 600;
	color: rgb(244, 244, 245);
	font-size: 3rem;
	line-height: 1;
	font-weight: 500;
}

.main-div {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	display: flex;
}

.url {
	height: 30px;
	width: 300px;
	border-radius: 0.375rem;
	border-width: 1px;
	border-color: rgb(39, 39, 42);
	background-color: rgb(24, 24, 27, 0.95);
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: 0.875rem;
	line-height: 1.75rem;
	color: rgb(255, 255, 255);
	box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px;
	line-height: 1.75rem;
}

.button {
	height: 37px;
	display: flex;
	width: 70px;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	white-space: nowrap;
	border-radius: 0.375rem;
	border-width: 1px;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: #ffffff;
	backdrop-filter: blur(60px);
	transition-property: color, background-color, border-color,
		text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 0.4s;
	border-color: rgb(192, 132, 252);
	background-color: rgb(126, 34, 206);
	opacity: 0.5;
	outline: 2px solid transparent;
	outline-offset: 2px;
	box-shadow: 0 0 0 0px #fff, 0 0 0 calc(2px + 0px) rgb(59, 130, 246, 0.5),
		0 0 #0000;
	pointer-events: fill;
}

.button:hover {
	background-color: violet;
	transition: 0.7s;
}

.footer-div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background-color: rgb(24, 24, 27);
	color: rgb(255, 255, 255);
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding-left: 3rem;
	padding-right: 3rem;
}

.disclaimer {
	align-items: center;
	justify-content: center;
}

.footer-nav {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.footer-nav-home {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-decoration: none;
}

.footer-nav-about {
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 500;
	color: rgb(255, 255, 255);
	text-decoration: none;
}