/* #region import file */
	@import "media.less";
	@import "font.css";
/* #endregion import font */
/* #region import font */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scheherazade+New&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Monsieur+La+Doulaise&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* #endregion import font */

html{
	display: block;
 	scroll-behavior: smooth;
    font-family: 'Inter';
    height: 100%;
    width: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
body{
	width: 100%;
	height: 100%;
}
p{
	margin: 0;
}
.animate-fast{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* #region Background Music*/
	.soundonoff{
		position: fixed;
		bottom: 10px;
		left: 10px;
		z-index: 100;
		.animate-fast;
		.media-xs({
			left: 5%;
			bottom: 65px;
			.animate-fast;
			&.no-fixed-gift{
				bottom: 12px;
			}
		});
		&.noshow{
			bottom: -100px;
		}
		button{
			background-color: white;
			border-radius: 100%;
			box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);
			display: flex;
			width: 40px;
			height: 40px;
			padding: 10px;
			img{
				width: 20px;
				height: 20px;
			}
		}
	}
/* #endregion Background Music*/

/* #region Website Opening */

    /* #region Website Opening */

    .websiteopening {
        width: 100%;
        height:100%;
		z-index: 99;
    }

	.websiteopening.start{
		position: relative;
	}

    /* #endregion */

    /* #region Website Opening Content */

    .websiteopening-wrapper {

		display: flex;
		flex-flow: row wrap;
		width: 100%;
		height: 100%;
		align-items: center;
		justify-content: center;
		position: relative;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		overflow: hidden;

	}

    /* #endregion */


	/* #region No Scroll */

	.noscroll{
		overflow: hidden;
	}

	/* #endregion */

	
/* #endregion */

/* #region Main Div */

.main-div{
	height: 100%;
  	width: 100%;
}

/* #endregion */

/* #region MISC */

.show { 
	display: block !important;
}

.no-show{
	display: none !important;
}

.no-show-animation{
	bottom: -75px !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.display-column{
	flex-direction: column;
}

/* #endregion */