noscript {
position:relative;
top:calc(50% - 4vw);
margin:0 auto;
display:block;
font:1vw 'OpenSans';
color:#ECEFF1;
}

#load {
animation:load-off 0.25s forwards;
animation-delay:3s;
}
@keyframes load-off {
  from { opacity:1; top:0; }
  to { opacity:0; top:-3%; }
}

#frame::after {
animation:frame-loaded 0.5s forwards;
animation-delay:3.35s;
}
@keyframes frame-loaded {
  from { box-shadow:none; }
  to { box-shadow:inset 0 0 7px #000; }
}

#page {
animation:page-loaded 0.5s forwards;
animation-delay:3.5s;
}
@keyframes page-loaded {
  from { opacity:0; }
  to { opacity:1; }
}

#topbar-tool,
#page #err span {
display:none;
}

#four04 {
animation:four04-loaded 0.5s forwards;
animation-delay:3.75s;
}
@keyframes four04-loaded {
  from { opacity:0; }
  to { opacity:1; }
}

#cc03 {
animation:cc03-loaded 0.5s forwards;
animation-delay:4s;
}
@keyframes cc03-loaded {
  from { opacity:0; }
  to { opacity:1; }
}