body {
	background: #f5f5f5;
	font-family: "Plus Jakarta Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: 700;
}

.gallery {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.container {
	display: flex;
	justify-content: center;
	gap: 20px;
}

.filter-range {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#svg-filters {
	position: absolute;
}

.card {
	margin-top: 24px;
	margin-bottom: 24px;
	border-radius: 24px;
	padding: 24px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
		rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	border: none;
}

#search {
	border-radius: 24px;
	border: none;
	padding: 12px;
	float: right;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
		rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.full {
	width: 100%;
	position: relative;
	background: #f5f5f5;
	border-radius: 24px;
	overflow: hidden;
}

#image img {
	object-fit: contain;
	width: 100%;
	object-position: center center;
}

#image {
	background: white;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
		rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.card h5 {
	margin-bottom: 24px;
}

.buttons {
	margin-bottom: 24px;
}

.btn {
	border-radius: 24px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
		rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
	margin: 4px;
}