@font-face {
	font-family: Ubuntu;
	src: url(fonts/Ubuntu.ttf) format("truetype");
}

body {
	min-height: 100vh;
	margin: 0rem;
	padding-bottom: 5vh;
	background-color: rgb(240, 240, 100);
	transform: translateX(0);
}

.background {
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 3%, rgba(255, 255, 255, 0) 6%),
		linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.11) 3%, rgba(255, 255, 255, 0) 6%);
	background-position: 0% 0%;
	background-size: 5vmin 5vmin;
	position: absolute;
	z-index: -100;
}

.gallery {
	display: flex;
	flex-direction: column;
	position: relative;

}

.img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	width: 90vmin;
	border-radius: 2vmin;
	max-height: 100%;
}

.cover {
	position: absolute;
	transition: opacity 0.3s ease-in-out;
}

.cover:hover {
	opacity: 0;
}


h1 {
	color: rgb(20, 10, 10);
	font-family: Ubuntu, sans-serif;
	font-size: 7vmin;
	margin: 0rem;
	padding-top: 4vmin;
	text-align: center;
}

h2 {
	margin-left: 20vw;
	font-size: 5vmin;
	margin-right: 20vw;
	font-weight: 400;
	margin-bottom: 0vmin;
	text-align: center;
	font-weight: 600;
}

h3 {
	margin-left: 20vw;
	margin-right: 20vw;
	font-size: 3vmin;
	margin-top: 2vmin;
	font-weight: 400;
	text-align: center;
}

.collage {
	position: relative;
	top: 50%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1vmin;
	margin-left: 26vmin;
	margin-right: 26vmin;
	transition: margin-top 0.2s ease-in-out;
}

.image {
	position: relative;
	width: 16vmin;
	border-radius: 2vmin;
	transition: opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out, width 0.4s ease-in-out;
	box-shadow: 0 0 0vmin white;
}

.collage:hover .image {
	opacity: 0.7;
}

.collage:hover .image:hover {
	opacity: 1;
	box-shadow: 0 0 2vmin white;
	transform: scale(2);
	z-index: 1000;
}


.twitter {
	height: 11vmin;
	width: 11vmin;
	border-radius: 7.5vmin;
	border: none;
	margin-left: 50%;
	transform: translateX(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8vmin;
	background-color: aliceblue;
	box-shadow: 0 0 1vmin rgba(0, 0, 0, 0.5);
	transition: background-size 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background-color 0.2s ease-in-out;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 1000 813'%3E%3Cpath fill='%231da1f2' fill-rule='nonzero' d='M1000 96.2a409.6 409.6 0 0 1-117.8 32.3A206.4 206.4 0 0 0 972.4 15 411 411 0 0 1 842 64.8a205.3 205.3 0 0 0-349.6 187A582.4 582.4 0 0 1 69.6 37.6a205.4 205.4 0 0 0 63.5 274 204.2 204.2 0 0 1-92.9-25.7c-2.2 95 65.9 184 164.5 203.7a205.6 205.6 0 0 1-92.6 3.5 205.3 205.3 0 0 0 191.6 142.5A412.5 412.5 0 0 1 0 720.5a580.8 580.8 0 0 0 314.5 92.2c381 0 596.1-321.7 583.1-610.3A417 417 0 0 0 1000 96.2Z'/%3E%3C/svg%3E");
}

.twitter:hover {
	background-size: 9vmin;
	background-color: rgb(29, 161, 242);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 1000 813'%3E%3Cpath fill='%23ffffff' fill-rule='nonzero' d='M1000 96.2a409.6 409.6 0 0 1-117.8 32.3A206.4 206.4 0 0 0 972.4 15 411 411 0 0 1 842 64.8a205.3 205.3 0 0 0-349.6 187A582.4 582.4 0 0 1 69.6 37.6a205.4 205.4 0 0 0 63.5 274 204.2 204.2 0 0 1-92.9-25.7c-2.2 95 65.9 184 164.5 203.7a205.6 205.6 0 0 1-92.6 3.5 205.3 205.3 0 0 0 191.6 142.5A412.5 412.5 0 0 1 0 720.5a580.8 580.8 0 0 0 314.5 92.2c381 0 596.1-321.7 583.1-610.3A417 417 0 0 0 1000 96.2Z'/%3E%3C/svg%3E");
	box-shadow: 0 0 2vmin rgba(0, 0, 0, 0.5);
}

.fiverr-banner {
	display: flex;
	flex-direction: row;
	position: relative;
	align-items: center;
	justify-content: center;
	font-family: Ubuntu, sans-serif;
	font-size: 4vmin;
}

.left {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-right: 45vmin;
	z-index: 2;
}

.right {
	width: 67vmin;
	position: absolute;
	height: 15vmin;
	background-color: aliceblue;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 7.5vmin;
	z-index: 1;
	box-shadow: 0 0 1vmin rgba(0, 0, 0, 0.5);
}

.logo-back {
	width: 22vmin;
	height: 22vmin;
	border-radius: 50%;
	background-color: rgb(240, 248, 255);
	box-shadow: 0 0 1vmin rgba(0, 0, 0, 0.5);

}

.logo {
	width: 20vmin;
	height: 20vmin;
	transform: translateX(1vmin) translateY(1vmin);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 1501 1501'%3E%3Cpath d='M350.1-2262.6H1851v1500.9H350.1z' style='fill:none' transform='translate(-350.1 2262.6)'/%3E%3Cpath d='M1596 390h-418.2a418.4 418.4 0 0 0-418.5 418.4v418.3h418.3a418.4 418.4 0 0 0 418.5-418.4V390Z' style='fill:%231DBF73' transform='matrix(1.239 0 0 1.239 -708.6 -251)'/%3E%3Cpath d='M13217.3 22689.3a360.3 360.3 0 0 1-135.2-109.5 358.6 358.6 0 0 1-72.3-188.1 363.2 363.2 0 0 1 154-328.5 362.2 362.2 0 0 1 361.5-30.9 360.6 360.6 0 0 1 135.3 109.5 361.2 361.2 0 0 1 72.2 188.1 363.1 363.1 0 0 1-154 328.5 362 362 0 0 1-361.5 30.9Zm0-65.5v-283.2l-144.2 83.2c9 42.6 27.3 84 55.3 120.9 24.9 33 55.3 59.5 88.9 79.1Zm304.8 1.9-245.3-141.7v166.5a305 305 0 0 0 245.3-24.8Zm153.9-263-245.2 141.6 144.2 83.2a304.4 304.4 0 0 0 101-224.8Zm-150.7-264.9v283.2l144.2-83.2c-8.9-42.6-27.2-84-55.2-120.9a302 302 0 0 0-89-79.1Zm-304.7-1.9 245.3 141.7v-166.5a305 305 0 0 0-245.3 24.8Zm-154 263 245.3-141.6-144.2-83.2a304.2 304.2 0 0 0-101.1 224.8Z' style='fill:%23fff' transform='translate(-12620.9 -21610.4)'/%3E%3C/svg%3E");
}

.name {
	position: absolute;
}

.link {
	border: none;
	height: 6vmin;
	width: 40vmin;
	border-radius: 2.5vmin;
	color: aliceblue;
	background-color: #1DBF73;
	transition: background-color 0.2s ease-in-out, font-size 0.2s ease-in-out;
	font-family: Ubuntu, sans-serif;
	font-size: 3.4vmin;
	margin-left: 23vmin;
	margin-bottom: 1vmin;
}

.link:hover {
	background-color: #1c8654;
	font-size: 3.6vmin;
}

.reviews {
	width: 29vmin;
	height: 5vmin;
	margin-left: 24vmin;
	margin-top: 1vmin;
	background-size: 5vmin 5vmin;
	background-repeat: space;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 876 835'%3E%3Cpath fill='%23ffd453' d='M420.2 12.2a18.7 18.7 0 0 1 35 0l97.4 263.3a27.3 27.3 0 0 0 24.4 17.8l280.5 11.2a18.7 18.7 0 0 1 10.9 33.4L648 511.8a27.2 27.2 0 0 0-9.3 28.7l76 270.2a18.7 18.7 0 0 1-28.4 20.7L452.8 675.5a27.2 27.2 0 0 0-30.2 0L189.1 831.4a18.7 18.7 0 0 1-28.3-20.7l76-270.2a27.3 27.3 0 0 0-9.4-28.7L7.1 337.8A18.7 18.7 0 0 1 18 304.6l280.4-11.2a27.2 27.2 0 0 0 24.5-17.8l97.3-263.3Z'/%3E%3C/svg%3E");
}

.review {
	position: absolute;
	color: rgb(114, 114, 114);
	margin-left: 55vmin;
	margin-top: 1.5vmin;
}

.logo-badge {
	height: 10vmin;
	width: 10vmin;
	margin-top: 12vmin;
	margin-left: 13vmin;
	position: absolute;
	z-index: 3;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 1000 1000'%3E%3Cpath fill='%23b322ff' fill-rule='nonzero' d='M500 1000c276 0 500-224 500-500S776 0 500 0 0 224 0 500s224 500 500 500Z'/%3E%3Cpath fill='%239d1fdf' fill-rule='nonzero' d='M500 0c276 0 500 224 500 500s-224 500-500 500'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='5' d='M957.5 500a457.5 457.5 0 1 1-915 0 457.5 457.5 0 0 1 915 0Z'/%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='M203.5 465h85v-25H232V331.5h-28.5V465Zm114.5 0h94.5v-24.5h-66v-31H411V385h-64.5v-29h66v-24.5H318V465Zm164 0h35.5L569 331.5h-32.5L500 434l-37-102.5h-32.5L482 465Zm109.5 0H686v-24.5h-66v-31h64.5V385H620v-29h66v-24.5h-94.5V465Zm126.5 0h85v-25h-56.5V331.5H718V465ZM309.5 665H338V556.5h39v-25H270.5v25h39V665Zm197.5 0h30l38-133.5h-32L520 628l-25-96.5h-22L447.5 628 424 531.5h-32L430 665h30l23-91.5 24 91.5Zm81.5-66.5c0 40 29.5 69 69.5 69 40.5 0 70-29 70-69s-29.5-69-70-69c-40 0-69.5 28.5-69.5 69Zm110 0c0 25-16 44-40.5 44s-40.5-19-40.5-44 16-44 40.5-44 40.5 19 40.5 44Z'/%3E%3C/svg%3E");
}