틀:IMLD/styles.css

.IMLO-Z  {
 z-index:5;
}

.IMLO-blur  {
 filter: blur(8px) brightness(0.6);
}

.IMLO-LDtext2 {
 animation: IMLO-LDtext2;
 animation-iteration-count: infinite;
 animation-delay: 6.8s;
 animation-duration: 1.5s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 opacity:1;
 text-shadow:0px 0px 5px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1);
}

@keyframes IMLO-LDtext2 {
  from {opacity:1;}
  50% {opacity:0.05;}
  to {opacity:1;}
}

.IMLO-LDtext {
 animation: IMLO-LDtext;
 animation-iteration-count: 3;
 animation-duration: 2s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 opacity:1;
 text-shadow:0px 0px 5px rgba(0,0,0,1), 0px 0px 5px rgba(0,0,0,1);
}

@keyframes IMLO-LDtext {
  from {opacity:1;}
  50% {opacity:0;}
  to {opacity:1;}
}

.IMLO-LDbar {
 animation: IMLO-LDbar;
 animation-iteration-count: 6;
 animation-duration: 1s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);
 box-shadow:0px 0px 5px 1px rgba(0,0,0,0.5);
}

@keyframes IMLO-LDbar {
  0% {background-image:linear-gradient(to right, white 0.5%, transparent 0.5%);}
  10% {background-image:linear-gradient(to right, white 1%, transparent 1%);}
  20% {background-image:linear-gradient(to right, white 2%, transparent 2%);}
  30% {background-image:linear-gradient(to right, white 25%, transparent 25%);}
  40% {background-image:linear-gradient(to right, white 55%, transparent 55%);}
  50% {background-image:linear-gradient(to right, white 60%, transparent 60%);}
  60% {background-image:linear-gradient(to right, white 77%, transparent 77%);}
  70% {background-image:linear-gradient(to right, white 97%, transparent 97%);}
  80% {background-image:linear-gradient(to right, white 98%, transparent 98%);}
  90% {background-image:linear-gradient(to right, white 99%, transparent 99%);}
  100% {background-image:linear-gradient(to right, white 100%, transparent 100%);}
}

.IMLO-LDtrans {
 display:inherit;
 z-index:5;
 animation: IMLO-LDtrans;
 animation-delay: 6s;
 animation-iteration-count: 1;
 animation-duration: 0.4s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 overflow:hidden;
 opacity:1;
}

@keyframes IMLO-LDtrans {
  from {opacity:1; z-index:5;display:inherit;}
  to {opacity:0; z-index:-1;display:none;}
}

.IMLO-LDtrans2 {
 display:inherit;
 z-index:-1;
 animation: IMLO-LDtrans2;
 animation-delay: 6s;
 animation-iteration-count: 1;
 animation-duration: 0.4s;
 animation-fill-mode: forwards;
 animation-timing-function: ease;
 overflow:hidden;
 opacity:0;
}

@keyframes IMLO-LDtrans2 {
  from {opacity:0; z-index:-1;display:none;}
  to {opacity:1; z-index:5;display:inherit;}
}

.IMLO-LDP {
 display:inherit;
 z-index:5;
 overflow:hidden;
 height:1200px;
 opacity:1;
}

.IMLO-LDP2 {
 display:inherit;
 z-index:5;
 overflow:hidden;
 height:466px;
 opacity:1;
}

.IMLO-Img {
 animation: IMLO-Img;
 animation-iteration-count: 2;
 animation-duration: 3s;
 animation-fill-mode: forwards;
 animation-timing-function: ease-in-out;
 filter: brightness(0.9);
 opacity:.5;
}

@keyframes IMLO-Img {
  from {filter: brightness(0.9);opacity:.5;}
  50% {filter: brightness(1.2);opacity:.8;}
  to {filter: brightness(0.9);opacity:.5;}
}

.IMLO-LogoImg {
 animation: IMLO-LogoImg;
 animation-iteration-count: 2;
 animation-duration: 3s;
 animation-fill-mode: forwards;
 animation-timing-function: ease-in-out;
 filter: brightness(0.6);
 opacity:.9;
}

@keyframes IMLO-LogoImg {
  from {filter: brightness(0.6);}
  50% {filter: brightness(1.1);}
  to {filter: brightness(0.6);}
}

@media screen and (min-width: 450px) {
	.IMLO-WebDisplay {
    	display:inherit;
	}
}
@media screen and (min-width: 450px) {
	.IMLO-MobileDisplay {
    	display:none;
	}
}
@media screen and (max-width: 450px) {
	.IMLO-WebDisplay {
    	display:none;
	}
}
@media screen and (max-width: 450px) {
	.IMLO-MobileDisplay {
    	display:inherit;
	}
}