@charset "utf-8";
/* CSS Document */

.top-ttl{
            width: 100%;
            height: 10vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }


.textanimation{
            font-size: 250%;
	 text-shadow: 3px 3px 1px #295ae9, -3px 3px 1px #295ae9, -3px -3px 1px #295ae9, 3px -3px 1px #295ae9;
	letter-spacing: 0.8em
        }


        @keyframes showTextFromBottom{
      0%{
         transform: translateY( 100% );
      
      }
      100%{
          transform: translateY( 0px );
      }
    }
    .textanimation span{
     animation: showText 3s backwards;
     display: inline-block;
    }
    .textanimation > span{
      overflow: hidden;
    }
    .textanimation > span > span{
      animation: showTextFromBottom 0.5s backwards;
    }