body {background:white;}

@media (min-width: 768px) {
.black {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:-2; animation: black 24s; animation-fill-mode: forwards; pointer-events:none;}
.aiman-font {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:-1; animation: aiman-font 16s; animation-fill-mode: forwards; pointer-events:none;}
.aiman {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:0; animation: aiman 8s; animation-fill-mode: forwards; pointer-events:none;}
.aiman-eyes {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:1; animation: aiman-eyes 8s; animation-fill-mode: forwards; pointer-events:none;}
div {display: flex; align-items: center; justify-content: center; z-index:2;}
a {color: white; font-size: 18px; position: fixed; bottom: 50px; z-index:2; animation: link 24s; animation-fill-mode: forwards;}
}
	
@media (max-width: 767px) {
.black {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:-2; animation: black 24s; animation-fill-mode: forwards; pointer-events:none;}
.aiman-font {position: fixed; top: 0; left: 0; width:100vw; height:100vh; object-fit:contain; z-index:-1; animation: aiman-font 16s; animation-fill-mode: forwards; pointer-events:none;}
.aiman {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:0; animation: aiman 8s; animation-fill-mode: forwards; pointer-events:none;}
.aiman-eyes {position: fixed; top:0; left: 0; width:100vw; height:100vh; object-fit:cover; z-index:1; animation: aiman-eyes 8s; animation-fill-mode: forwards; pointer-events:none;}
div {display: flex; align-items: center; justify-content: center; z-index:2;}
a {color: white; font-size: 18px; position: fixed; bottom: 50px; z-index:2; animation: link 24s; animation-fill-mode: forwards;}
}
	
@keyframes aiman-font {
0% {opacity:0.0;}
45% {opacity:0.0;}
55% {opacity:1.0;}
100% {opacity:1.0;}
}

@keyframes aiman {
0% {opacity:1.0;}
50% {opacity:1.0;}
100% {opacity:0.0;}
}
	
@keyframes aiman-eyes {
0% {opacity:0.0;}
25% {opacity:0.05;}
100% {opacity:0.0;}
}

@keyframes black {
0% {opacity:0.0;}
30% {opacity:0.0;}
100% {opacity:1.0;}
}

@keyframes link {
0% {opacity:0.0;}
70% {opacity:0.0;}
100% {opacity:1.0;}
}