body {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.home {
	background-color: blue;
	height: 100vh;
	width: 100vw;
	background-image: url("../assets/back.png");
	background-size: cover;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	padding-top: 10vh;
}

.logo {
	/* border: 4px black solid; */
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.cont {
	/* border: 5px green solid; */
	display: flex;
	/* justify-content: ; */
}

.chat {
	/* border: 5px red dotted; */
	width: 20vw;
	justify-content: center;
	align-items: center;
	margin-left: 8vw;
}

.content {
	/* border: 5px orange double; */
	width: 60vw;
	margin-left: -7vw;
}

.cont1 {
	/* border: 2px black solid; */
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 10vh; */
}

.cont1 h1 {
	font-size: 70px;
	color: #e1aebf;
	font-weight: lighter;
}

.coming {
	text-align: center;
	margin-top: -3vh;
	color: #e1aebf;
}

.cont1 p {
	color: "white";
}

.cont1 a {
	text-decoration: none;
	color: white;
}

.androidButton {
	background-color: #e1aebf;
	/* padding: 12px; */
	border-radius: 10px;
	margin-top: 10px;
	width: fit-content;
	border: 1px #e1aebf solid;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	color: #e1aebf;
}

.androidButtonText {
	color: "white";
	text-align: "center";
	font-size: 16;
	font-weight: "bold";
}

.stores {
	/* border: 3px purple solid; */
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
	/* margin-top: 10vh; */
}

.androidButton P {
	color: aliceblue;
	font-weight: bold;
}

.social-icons {
	display: flex;
	gap: 2vw;
	justify-content: center;
	align-items: center;
	/* padding: 20px; */
	margin-top: 10vh;
}
.social-icons i {
	font-size: 2vw;
	color: pink;
}

/* Media Query */

/* for pc */
@media screen and (max-width: 1800px) {
	.cont1 h1 {
		font-size: 4vw;
		/* color: red; */
	}

	.chat {
		/* border: 5px red dotted; */
		width: 20vw;
		justify-content: center;
		align-items: center;
		margin-left: 8vw;
	}
	.chat {
		/* border: 5px red dotted; */
		width: 20vw;
		justify-content: center;
		align-items: center;
		margin-left: 4vw;
	}
	.content {
		/* border: 5px orange double; */
		width: 60vw;
		margin-left: -4vw;
	}
}

/* for mobile */

@media screen and (max-width: 500px) {
	body {
		overflow: scroll;
	}
	.home {
		background-color: blue;
		height: "100%";
		width: 100vw;
		background-image: url("../assets/back.png");
		background-size: contain;
		background-repeat: repeat;
		justify-content: center;
		align-items: center;
		padding-top: 10vh;
		padding-bottom: 10vh;
	}
	.cont1 h1 {
		font-size: 10vw;
		/* color: blue; */
		text-align: center;
	}

	.cont {
		display: flex;
		flex-direction: column;
		/* border: 3px black solid; */
	}

	.chat {
		width: 100vw;
		/* margin-left: 10vw; */
		/* margin-right: auto; */
		margin-left: auto;
		margin-right: auto;
		/* border: 3px rgb(200, 29, 29) solid; */
	}

	.cont1 {
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		align-items: center;
		/* border: 3px rgb(0, 255, 153) solid; */
	}
	.content {
		/* border: 5px orange double; */
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
		justify-content: center;
		align-items: center;
		/* border: 3px rgb(195, 0, 255) solid; */
		/* margin-left: -7vw; */
	}
	.social-icons {
		display: flex;
		gap: 2vw;
		/* justify-content: center;
		align-items: center; */
		/* padding: 20px; */
		/* margin-top: 10vh; */
		flex-direction: row;
		padding-bottom: 10vh;
	}
	.social-icons i {
		font-size: 10vw;
		color: pink;
	}

	.store img {
		width: 20vw;
	}
	.stores {
		/* border: 3px purple solid; */
		/* width: fit-content;
		margin-left: auto;
		margin-right: auto; */
		margin-top: 10vh;
	}
}
/* 
@media screen and (max-width: 480px) {
	.cont1 h1 {
		font-size: 10vw;
		color: red;
	}
}

@media screen and (max-width: 768px) {
	.cont1 h1 {
		font-size: 10vw;
		color: green;
	}
}

@media screen and (max-width: 1200px) {
	.cont1 h1 {
		font-size: 10vw;
		color: purple;
	}
} */

/* @media screen and (max-width: 1500px) {
	.cont1 h1 {
		font-size: 10vw;
		color: blue;
	}
} */