/* +++++++++++++++++++ index.css +++++++++++++++++++ */



/* =========== mobile(start) ============ */
@media screen and (max-width: 767px) {


	.load_page { display: block; width: 100%; height: 100vh; text-align: center; }
	.load_page img { margin-top: 30vh; width: 200px; height: 200px; }
	.load_page p { margin-top: 40px; color: #0072ff; }
	.wrap { display: block; width: 400px; height: 100vw; margin: 0 auto; }
	.bold { font-family: "EliceDigitalBaeum_Bold"; }
	p.gray { font-size: 0.875em; color: #474a6b; }


}
/* =========== mobile(end) ============ */

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!PORTFOLIO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* =========== tablet(start) ============ */
@media screen and (min-width: 768px) and (max-width: 1024px) {


	.load_page { display: block; width: 100%; height: 100vh; text-align: center; }
	.load_page img { margin-top: 30vh; width: 200px; height: 200px; }
	.load_page p { margin-top: 40px; color: #0072ff; }
	.wrap { display: block; width: 700px; height: 100vw; margin: 0 auto; }
	.bold { font-family: "EliceDigitalBaeum_Bold"; }
	p.gray { font-size: 0.875em; color: #474a6b; }


}
/* =========== tablet(end) ============ */

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!PORTFOLIO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* =========== Desktop(start) ============ */
@media screen and (min-width: 1025px) {


	.load_page { display: block; width: 100%; height: 100vh; text-align: center; }
	.load_page img { margin-top: 30vh; width: 200px; height: 200px; }
	.load_page p { margin-top: 40px; color: #0072ff; }
	.wrap { display: block; width: 700px; height: 100vw; margin: 0 auto; }
	.bold { font-family: "EliceDigitalBaeum_Bold"; }
	p.gray { font-size: 0.875em; color: #474a6b; }

}
/* =========== Desktop(end) ============ */
@font-face {
    font-family: 'EliceDigitalBaeum_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/EliceDigitalBaeum_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body { overflow: hidden; }