﻿html{font-family:'Meiryo';overflow:hidden;}
p{margin:0;padding:0;}
#postcard{height:200px;perspective:500px;-webkit-perspective:500px;-ms-perspective:500px;}
#postcard > div{font-size:120px;text-align:center;position:absolute;visibility:hidden;width:100%;}
#mainA{animation: goodbye 3s linear;-webkit-animation: goodbye 3s linear;}
#mainKe{animation: goodbye 3s linear 0.5s;-webkit-animation:goodbye 3s linear 0.5s;-ms-animation:goodbye 3s linear 0.5s;}
#mainMa{animation: goodbye 3s linear 1s;-webkit-animation:goodbye 3s linear 1s;-ms-animation:goodbye 3s linear 1s;}
#mainShi{animation: goodbye 3s linear 1.5s;-webkit-animation:goodbye 3s linear 1.5s;-ms-animation:goodbye 3s linear 1.5s;}
#mainTe{animation: goodbye 3s linear 2s;-webkit-animation:goodbye 3s linear 2s;-ms-animation:goodbye 3s linear 2s}
#mainO{animation: goodbye 3s linear 2.5s;-webkit-animation:goodbye 3s linear 2.5s;-ms-animation:goodbye 3s linear 2.5s;}
#mainMe{color:red;animation: goodbye 3s linear 3s;-webkit-animation:goodbye 3s linear 3s;-ms-animation:goodbye 3s linear 3s;}
#mainDe{animation: goodbye 3s linear 3.5s;-webkit-animation:goodbye 3s linear 3.5s;-ms-animation:goodbye 3s linear 3.5s;}
#mainTo{animation: goodbye 3s linear 4s;-webkit-animation:goodbye 3s linear 4s;-ms-animation:goodbye 3s linear 4s;}
#mainU{animation: goodbye 3s linear 4.5s;-webkit-animation:goodbye 3s linear 4.5s;}
#mainGo{animation: goodbye 3s linear 5s;-webkit-animation:goodbye 3s linear 5s;ms-animation:goodbye 3s linear 5s;}
#mainZa{animation: goodbye 3s linear 5.5s;-webkit-animation:goodbye 3s linear 5.5s;-ms-animation:goodbye 3s linear 5.5s;}
#mainI{animation: goodbye 3s linear 6s;-webkit-animation:goodbye 3s linear 6s;-ms-animation:goodbye 3s linear 6s;}
#mainMa_{animation: goodbye 3s linear 6.5s;-webkit-animation:goodbye 3s linear 6.5s;-ms-animation:goodbye 3s linear 6.5s;}
#mainSu{animation: goodbye 3s linear 7s;-webkit-animation:goodbye 3s linear 7s;-ms-animation:goodbye 3s linear 7s;}
@keyframes goodbye{
   from{transform:rotateX(60deg) translateY(1000px);visibility:visible;}
   to{transform:rotateX(60deg) translateY(-150px);visibility:hidden;}
}
@-webkit-keyframes goodbye{
   from{-webkit-transform:rotateX(60deg) translateY(1000px);visibility:visible;}
   to{-webkit-transform:rotateX(60deg) translateY(-150px);visibility:hidden;}
}
@-ms-keyframes goodbye{
   0%{-ms-transform:rotateX(60deg) translateY(1000px);visibility:visible;}
   100%{-ms-transform:rotateX(60deg) translateY(-150px);visibility:hidden;}
}
#Snake{font-size:200px;color:#006400;visibility:visible!important;z-index:-100;}
#again{text-align:center;}
#again > a{text-align:center;padding:5px;background-color:#191970;border-radius:5px;-webkit-border-radius:5px;color:#FFFFFF;text-decoration:none;}
footer > a{color:#999999;}
#copyright{color:#999999;text-align:center;margin-top:10px;}