@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,100&display=swap');

body {
	height: 100dvh;
	background-image: url(../images/bg-right.png), url(../images/bg.png);
	background-position: 75% top, center;
	background-repeat: no-repeat;
	background-size: 45vw, cover;
	font-family: 'Roboto', system-ui;
	display: flex;
	align-items: center;
}

a {
	color: #fff;
	font-weight: 700;
	background-color: #008696;
	padding: 0.75rem;
	border-radius: 0.5rem;
}

img {
	max-width: 170px;
	margin-bottom: 60px;
}

h2 {
	font-size: clamp(40px, 3.5rem, 80%);
	line-height: 3.5rem;
	font-weight: 700;
	color: #58595b;
	margin-bottom: 50px;
}

.container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 2rem;
	padding-left: 10vw;
}

@media (max-width: 768px) {
	body {
		background-position: 100% top, center;
	}
}