* {
	margin: 0;
	padding: 0;
	font-size: 16px;
	box-sizing: border-box;
}

@font-face {
    font-family: 'IBM Plex Serif';
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/IBMPlexSerif-Bold.ttf);
}

.main {
	width: 100%;
	height: 100vh;
	background-color: #103150;
	padding: clamp(1rem, 3vw, 20px) clamp(1rem, 5vw, 76px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-image: url(../images/patterns.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	background-size: contain;

	@media (width <= 1024px) {
		background-position: -15% center;
	}

	@media (width <= 900px) {
		background-position: -45% center;
	}

	@media (width <= 770px) {
		background-image: none
	}

	.main__title {
		max-width: 40rem;
		color: #F6F3EC;
		font-size: clamp(1.125rem, 4vw, 3rem);
		font-family: 'IBM Plex Serif', serif;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		text-align: center;
		line-height: 149%;
	}
}