@media only screen and (max-width: 900px) {
	/* For mobile phones: */
	.all_bg {
		display: none;
	}
}
		body{
			display: flex;
			justify-content: center;
			align-items: center;
			overflow: hidden;
			flex-direction: column;
			}
		#bg{
			width: 100vw;
			height: 100vh;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
			z-index: -2;
			object-fit: cover;
		}
		*{
			margin: 0;
			padding: 0;
		}
		.flex{
			display: flex;
		}
		.all_bg{
			height: 70vh;
			position: absolute;
			left: 50%;
			bottom: 0%;
			transform: translateX(-50%);
			z-index: -2;
		}
		[v-cloak] {
			display: none;
		}
		* {
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}