* {
color: black;
font-family: arial,"·L³n¥¿¶ÂÅé";
font-weight: bold;
margin: 2px 4px;
padding: 2px 2px;
border-style: none;
font-size: 22px;
border-radius: 10px; 
}
.B01 { background-image: linear-gradient(#00000B, orange); }
.B02 { background-image: linear-gradient(#dc6900, white); }
.B03 { background-image: linear-gradient(#f996ae, orange); }
.B04 { background-image: linear-gradient(#eb8c00, white); }
.B05 { background-image: linear-gradient(#FFFF00, white); }
.B06 { background-image: linear-gradient(#a0d6b4, lightblue); }
.B07 { background-image: linear-gradient(#99CCFF, white); }
.B08 { background-image: linear-gradient(#bf8bff, pink); }
.B09 { background-image: linear-gradient(#cc00FF, white); }
.B00 { background-color: darkblue; text-color:yellow;}
.L0{
   border-style:outset;
   margin: auto;
   width: 50%;
   border-width:20px;
   color: yellow;
   font-size: 70px;
   border-radius: 20px;
   text-shadow: 1px 1px black;
   border-color: lightblue;
   background-image: linear-gradient(black, blue);
}
.L01{
   border-style:outset;
   margin: auto;
   width: 60%;
   border-width:15px;
   color: yellow;
   font-size: 60px;
   border-radius: 20px;
   text-align: center;
   text-shadow: 1px 1px black;
   border-color: lightblue;
   background-image: linear-gradient(black, blue);
}
.L1 {
   border-style:outset;
   border-width:3px;
   color: yellow;
   font-size: 30px;
   border-radius: 10px;
   background-color: darkblue;
}
 body {
            animation: fadeInAnimation ease 5s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
        }
  @keyframes fadeInAnimation {
      0% {
	  opacity: 0;
      }
      100% {
	  opacity: 1;
      }
  }
         
  @keyframes fadeOut {
            0% {opacity: 1;}
            100% {opacity: 0;}
         }
         
   .fadeOut {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
   }