body {
    background-color: #00CCCC;
    }
th[scope="row"] {
        background-color: #3dff33;
        transform: perspective(100px) rotateX(20deg);
    }
th[scope="name"]{
    width:300px;
    transform: perspective(100px) rotateX(340deg);
    text-shadow: 0.5px 0.5px 0px #000;
    background-color: #fff833;
}
td[scope="s"]{
    width:175px;
    transform: perspective(100px) rotateX(330deg);
    background-color: #e714d8;
}   
.moving {
    width: 50px;
    height: 50px;
    background: #4cf;
    position: relative;
    animation: randomMove 100s infinite ease-in-out;
  }
  
@keyframes randomMove {
    0%   { transform: translate(0, 0); }
    5%   { transform: translate(200px, -150px); }
    10%  { transform: translate(-100px, 250px); }
    15%  { transform: translate(300px, 50px); }
    20%  { transform: translate(-250px, -200px); }
    25%  { transform: translate(150px, 350px); }
    30%  { transform: translate(-350px, 100px); }
    35%  { transform: translate(50px, -300px); }
    40%  { transform: translate(400px, 200px); }
    45%  { transform: translate(-200px, 400px); }
    50%  { transform: translate(100px, -250px); }
    55%  { transform: translate(-300px, 150px); }
    60%  { transform: translate(250px, -100px); }
    65%  { transform: translate(-150px, 300px); }
    70%  { transform: translate(350px, -200px); }
    75%  { transform: translate(-400px, 50px); }
    80%  { transform: translate(200px, 400px); }
    85%  { transform: translate(-100px, -350px); }
    90%  { transform: translate(300px, 150px); }
    95%  { transform: translate(-250px, -100px); }
    100% { transform: translate(0, 0); }  
  }
  .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .text {
    display: inline-block;
    cursor: pointer;
  }
  @keyframes pop {
    0% { transform: scale(1); }
    50% { transform: scale(1.5); }
    100% { transform: scale(1); }
  }
  .text.animate {
    animation: pop 0.4s ease;
  }
  #niconico-area {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
  }
  
  /* 流れる文字 */
  .niconico-text {
    position: absolute;
    right: -300px; /* 画面外からスタート */
    white-space: nowrap;
    font-size: 28px;
    color: #000;
    animation: nicoFlow 6s linear forwards;
  }
  
  /* 右 → 左へ流れるアニメーション */
  @keyframes nicoFlow {
    0% {
      transform: translateX(0);
      opacity: 1;
    }
    100% {
      transform: translateX(-150vw);
      opacity: 0;
    }
  }