@CHARSET "UTF-8";

html {

	background-color: #ffffff;
	margin:0 ;
	padding:0;
	color: #000000;
	font-family: 'Sura', serif;
	font-size: 200%;
	line-height: 1.666em;
	font-weight: 400;
}

a{
	color: #000000;
	text-decoration: none;
}

body {
	margin:0;
	text-align: center;
}


.index{
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index .intro{
	max-width:960px;
	margin: 2em;
}


.index a{
padding: 0em .3em;
margin: 0em 0.3em;
background-color: #00000011;
}

.index a:hover{
	background-color: #00000022;
}




.wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width:100%;
}


.app {
	height: 100vh;
	width: 115vh;
	display: block;

}


.shop {
	position: absolute;
	bottom: 50px;
	right: 50px;
	z-index:10000;
}


.click{
	display: block;
	height: 100vh; 
	width: 115vh;  
	position: relative; 
	z-index: 9; 
	margin-top: -100vh;
}