.screen{
  z-index:3;/*release*/
  z-index:-3;/*debug*/
  position:absolute;
  top:0px;
  left:0px;
  width: 100vw;
  height: 200vh;
  opacity:1;
  transform: translate3d(0,0,0);
  background: #211022;
  transition: all 300ms 0s ease;
  animation: open 10s;ease-in-out .15s;
  animation-fill-mode: forwards;
}
@keyframes open{
  80%{
    opacity:1;
  }
  95%{
    opacity:0;
    width: 100vw;
    height: 200vh;
  }
  100%{
    opacity:0;
    width: 0vw;
    height: 0vh;
  }
}
.twitter:hover{
   animation-duration: 0.3s;
   color:#ac3765;
   background-color:#ccc;
   position:relative;
   left:-5px;
   width:110px;
 }
@keyframes sizeScale {
    10% {
      position:relative;
      left:5px;
      wifth:90px;
    }
}
/*赤いライン*/
.box {
  z-index:4;
  content:"in";
  font-family:Times New Roman;
  font-family:Georgia;
  font-family:Tunga;
  font-family:monospace;
  width: 100vw;
  height: 48px;
  background: #ac3765;
  position:absolute;
  top:50%;
  left:0px;
  animation-fill-mode: forwards;
  animation: spread 1.5s;
}
.loading {
  font-size:18pt;
  z-index:5;
  position:relative;
  top:5px;
  color: #ccc;
  opacity:1;
  animation:
  fadein 0.9s forwards,
  /*pulse 0.3s ease 1s infinite alternate;*/
}
@keyframes fadein{
  50% {
    opacity:0;
  } 
  100% {
    opacity:1;
  } 
}
@keyframes pulse{
    30% {
      opacity:0.7;
    } 
    100% { 
      opacity:1;
    } 
}
@keyframes spread{
    0% {
      height:0px;
    } 
    100% { 
      height:48px;
    } 
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); } 
}