html {
	--text-color: rgb(235, 235, 235);
	--selection-color: #cdd3d647;
	
	background: url("bg-july.png"), #0d1620;
	background-repeat: no-repeat;
	background-size: cover;
}
body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* 100vh */
	font-family: Quicksand;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(18px) /*brightness(0.7)*/;
	backdrop-filter: brightness(0.8);
}
.title {
	color: var(--text-color);
	font-weight: 600;
	font-size: 39px;
	margin: 0px;
}
.others {
	/* color: #dee1e3; */
	color: var(--text-color);
	font-size: 19px;
	margin: 4px 45px;
	/* font-stretch: ultra-expanded; */
	line-height: 1.6em;
	font-weight: 400;
}
.button {
	color: var(--text-color);
	text-decoration: none;
	font-weight: 500;
	background-color: #cecce01f; /* #4f87c140 */
	/* border-radius: 30px; */
	border-radius: 15px;
	padding: 10px 18px;
	transition: background-color 0.3s ease-in-out;
	font-size: 16px;
}
.button:hover {
	background-color: #ffffff28;
}
.avatar {
	width: 140px;
	border-radius: 70px;
	user-select: none;
}
.main {
	margin-bottom: 80px;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 470px;
	row-gap: 10px;
}
.buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	max-width: 460px;
	/* margin-top: 6px; */
	user-select: none;
}

::selection {
	background-color: var(--selection-color);
}
::-moz-selection {
	background-color: var(--selection-color);
}