@font-face{
	font-family: 'TextFont';
	src: url('fonts/ttf_text_font.ttf');
}

*{
	box-sizing: border-box;
}

html{
	scroll-behavior: smooth;
}

body{
	font-family: 'TextFont';
	font-size: 16pt;
	line-height: 1.6;
	text-align: center;
	color: #333;
	background: #4bcac5;
	overflow-x: scroll;
	overflow-y: scroll;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.rightBlock{
	margin-top: 64px;
	margin-bottom: 64px;
	margin-left: 8px;
	margin-right: 8px;
}

.halfWidth{
	width: 45%;
	min-width: 320px;
	margin: 16px 64px 16px 64px; 
}

.textBlock{
	display: inline-block;
	vertical-align: middle;
}

#pepeLogo{
	font-weight: bold;
	border-top: 6px solid #006f74;
	text-align: center;
	background: #fff9e3;
}

#pepeLogo img{
	width: 190px;
	vertical-align: middle;
	border-radius: 0px 0px 16px 0px;
	vertical-align: middle;
}

#pepeLogo span{
	display: inline-block;
	font-size: 160%;
	margin: 4px 16px 32px 16px;
	vertical-align: middle;
}

#rightBlock{
	border: 16px solid #33aea4;
	background: #33aea4;
	border-radius: 32px;
}

#slogan{
	font-size: 130%;
	padding: 16px;
	background: #fff9e3;
	border-radius: 32px;
}

#price{
	margin-top: 16px;
	margin-bottom: 16px;
	color: #7b0000;
	font-size: 120%;
}

#info{
	font-size: 110%;
	color: white;
}

#info a{
	color: white;
}

#pepePicture{
	border-radius: 50%;
	border: 16px solid #33aea4;
	max-width: 640px;
}

#login{
	margin: 32px;
	font-size: 130%;
	color: #3c5049;
	background: #fff9e3;
	padding: 8px;
	padding-left: 32px;
	padding-right: 32px;
	border: 6px solid #3c5049;
	border-radius: 16px;
	text-decoration: none;
}

#footer{
	font-size: 90%;
	padding: 16px;
	margin-top: 64px;
	text-align: right;
	color: #4bcac5;
	background: #006f74;
}

#footer a{
	color: #4bcac5;
}

@media all and (max-width: 1040px){
	body{
		font-size: 16pt;
	}
	
	.block{
		margin-top: 32px;
	}
	
	.halfWidth{
		width: 90%;
		margin:auto;
		margin-bottom: 64px;
	}
	
	#pepeLogo img{
		margin-bottom: 32px;
	}
}