@charset "utf-8";
/* CSS Document */

@keyframes fadeIn {
	from{opacity: 0;}
	to{opacity: 1;}
}

* {
	box-sizing: border-box;
	font-display: block;
	transition: .2s all;
}
body {
	animation: fadeIn 1s ease-out;
}
.intro-div {
	background: rgba(255,255,255,1);
	opacity: 1;
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	padding: 5%;
	text-align: center; 
	display: flex; flex-direction: column;
	align-items: center;
	
}
.title {
	width: auto; height: auto;
	color: #352F36; opacity: 1;
	position: relative;
	font-family: 'Galmuri'; font-weight: Bold; font-size: 20vw;
	text-align: center;
	align-items: center;
	margin-bottom: 2%;
	margin-top: -3%;
}
.title:hover {
	color: #8A848B;
	transform: scale(1.1);
}
.introdution {
	width: 60%; height: auto;
	color: #352F36; opacity: 1;
	position: relative;
	font-family: 'Galmuri'; font-weight: Regular; font-size: 2.2VH;
	text-align: center;
	align-items: center;
}


@media screen and (min-width: 200px) and (max-width: 850px) {
	.title {
		font-size: 25vw;
		margin-bottom: 12%;
		margin-top: 8%;
	}
	
	.introdution {
		width: 100%;
		font-size: 2.3VH;
		padding-bottom: 15%;
	}
}