html {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	border: 0;
	text-align: center;
	color: #000;
	font-family: "Lexend";
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	height: 100%;
}

.container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.menubar {
	display: block;
	width: 100%;
	min-height: 3.75rem;
    max-height: 4rem;
	padding: 0;
	background: var(--Black-Gradient, linear-gradient(90deg, #000 0%, #303030 10%, #303030 90%, #000 100%));
}

.content {
	display: block;
    width: 100%;
	text-align: center;
    margin: 0 auto auto auto;
}

.site-title {
	margin-top: 1.2rem;
	color: #FFF;
	text-align: center;
	font-family: "Rubik Mono One";
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.8125rem; /* 90.625% */
}

span.space {
	letter-spacing: -.5rem;
}

.get-started {
	width: 90%;
	max-width: 400px;
	margin: 5rem auto;
}

.button {
	display: flex;
	width: 260px;
	padding: 1.25rem 0.875rem 0.375rem 0.875rem;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 0.625rem;
	border-radius: 0.1875rem;
	background: #000;
	color: #FFF;
	text-align: right;
	font-family: "Lexend";
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 3rem auto;
}

.qs {
	margin: auto 10px 10px auto;
	max-width: 300px;
}

.qs p, .qs-bubble p {
    font-weight: 400;
    font-size: 1rem;
    text-align: left;
}

div.qs-bubble {
    text-align: right;
    background-color: #ccc;
    width: fit-content;
    margin: auto 0 auto auto;
    border-radius: 20px;
    padding: .6rem 1.2rem;
}
.qs-bubble p {
    padding: 0;
    margin: 0;
}