@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");

:root {
	--color1: #78c4ff;
	--color2: #b4b7ff;
	--color3: #bb28ff;
	--color5: #c4b3ff;
	--color6: #8342fc;
	--logo-name-color: rgba(var(--bs-emphasis-color-rgb), 1);
}

body {
	min-width: 320px;
	font-family: Roboto, var(--bs-font-sans-serif);
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	overflow-x: hidden;
}

.bi {
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
	fill: currentcolor;
}

.btn-bd-primary {
	--bd-violet-bg: #8342fc;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #bb28ff;
	--bs-btn-active-border-color: #bb28ff;
}

.logo {
	display: flex;
	align-items: center;
	white-space: nowrap;
	text-decoration: none;
	color: var(--logo-name-color);
	transition: 1s;
}

.logo:hover {
	color: var(--color1);
}

.logo-img {
	width: 1.7rem;
	height: auto;
}

.logo-name {
	margin-left: .5rem;
	letter-spacing: .2rem;
}

.header *:focus {
	box-shadow: none;
}

.user-profile.btn:hover {
	border: 1px solid var(--color1);
	color: var(--color1);
}

.user-profile.btn:focus-visible {
	border: 1px solid var(--color1);
	color: var(--color1);
}

.main {
	flex: 1 1 auto;
	/*	padding-top: 5rem;*/
}

/* ---- конетнт ----*/
/* .about-left {
	max-width: 34.375rem;
} */

.btn-download {
	width: 1.5rem;
	height: 1.5rem;
	fill: currentcolor;
	/*#5f6368;*/
}

.page-title {
	font-weight: 900;
	letter-spacing: .2rem;
	margin-bottom: 2rem;
	margin-top: 1.25rem;
}

.about-img {
	max-width: 37.5rem;
}

.down-arrow::after {
	content: "";
	border: solid #707070;
	border-width: 0 .125rem .125rem 0;
	display: inline-block;
	padding: .313rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

/* каталог */
.card-img,
.card-img-bottom,
.card-img-top {
	width: 100%;
}