* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	color: inherit;
}

body {
	font-family: "Gilroy Bold", -apple-system, sans-serif;
	font-weight: 500;
	color: #ccc;
	/*font-size: 18pt;*/
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: #202125;
}

svg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

path {
	cursor: pointer;
}

.main {
	overflow: hidden;
	position: relative;
}

@media all and (orientation:portrait) {
		/* стили для портрета */
	body {
		font-size: 4vw;
	}

	.main {
	width: 100%;
	}

	.bs-image{
		height: auto;
		width: 100%;
	}
}

@media all and (orientation:landscape) {
	body {
		font-size: 4vh;
	}

		/* стили для пейзажа */
	.main {
		height: 100% ;
	}

	.bs-image {
		height: 100%;
		width: auto;
	}
}

.madeby {
	width: 40%;
	position: absolute;
	left: 4%;
	bottom: 4%;
}

.click-to {
	margin: .5em 0;
}

.link-tg {
	vertical-align: baseline;
	color: #aaa;
	padding: .2em .5em .4em .5em;
	font-weight: 400;
	border: 2px solid #888;
	border-radius: 1000px;
	margin: .5em 0;
}

.tg-logo {
	height: .7em;
	margin-right: .7em;
}