@charset "utf-8";

@font-face { 
    font-family: "INBB";
    src: url("/site/fonts/inform-bounce-bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
 }

#imageload {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	opacity: 0;
}

#galleryload {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	opacity: 0;
}

#textload {
	display: block;
	position: absolute;
	top: 0rem;
	left: 0rem;
	font-size: 0rem;
	line-height: 0rem;
	opacity: 0;
}

picture {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
picture img {
	height: 0;
	width: 0;
	opacity: 0;
}

#welcome {
	display: block;
	width: 15rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	opacity: 1;
	animation: welcomefadein 1500ms 1;
}
@keyframes welcomefadein {
0% {opacity: 0;}
50% {opacity: 0;}
100% {opacity: 1;}
}

#image {
	display: block;
	padding-bottom: 0.5rem;
}
#image img {
	height: 4.25rem;
}

#message {
	display: block;
	font-family: "INSL";
	font-size: 1rem;
	opacity: 1;
	animation: welcomemessagefadein 2250ms 1;
}
@keyframes welcomemessagefadein {
0% {opacity: 0;}
67% {opacity: 0;}
100% {opacity: 1;}
}