/*
Theme Name: Eternal Melodia
Theme URI: https://angelist.co.kr
Version: 1.00
Author: 앙게루
Author URI: https://angelist.co.kr
Description: Eternal Melodia 테마입니다. 티스토리 스킨을 워드프레스로 옮겨 담았으며, Landscape 테마를 베이스로 하여 만들어졌습니다.
License: GNU General Public License v2 or laterLicense 
URI: http://www.gnu.org/licenses/gpl-2.0.htmlTags: two-columns, flexible-width, translation-ready
*/


/* CSS base by Markquery */

@charset "utf-8";



/* fade-in */
@keyframes fadeout {
	from {
		opacity:1;
	}
	to {
		opacity:0;
	}
}
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadein { /* Firefox */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadein { /* Opera */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
/* fade-in END */
/* fade-in elements */
/* Modal */
@keyframes modalbubble {
0% {transform: scale(0);}
25% {transform: scale(1.05);}
50% {transform: scale(1.02);}
75% {transform: scale(1.03);}
100% {transform: scale(1.0);}
}
#modalbubble {
	background: rgb(0 0 0 / 55%);
	position: fixed;
	display: none;
	text-align: center;
	top: 50%;
	left: calc(50% - 65px);
	width: 130px;
	height: 32px;
	line-height: 32px;
	border-radius: 15px;
	color: #fff;
	z-index: 5000;
	pointer-events: none;
	animation: modalbubble 0.4s;
}
html.dark #modalbubble {
	background: rgb(0 0 0 / 35%);
}
/* html {
    animation: fadein .5s;
    -moz-animation: fadein .5s;
    -webkit-animation: fadein .5s;
    -o-animation: fadein .5s;
} */
/* fade-in elements END */
/* 로딩화면 loading */

#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0;
	background: rgba(255, 255, 255, 0.7);
	z-index: 1500;
	text-align: center;
	animation: fadeout 1s ease-in;
	-webkit-animation: fadeout 1s ease-in;
	pointer-events: none;
}
html.dark #loading {
	background: rgba(0, 0, 0, 1);
}
#loading .loading-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 2000;
}
#loading .loading-center .loading-rotate {
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 2px solid #000;
	background: transparent;
	border-bottom-color: transparent;
	border-radius: 100%;
	float: none;
	animation: rotate 0.7s linear infinite;
}
html.dark #loading .loading-center .loading-rotate {
	border: 2px solid #fff;
	border-bottom-color: transparent;
}

/* 로딩화면 END */