div#container
{
   width: 1250px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
html 
{
  scroll-behavior: smooth;
}
body
{
   background-color: #4F4F4F;
   background-image: url(images/Matsuriasd.jpg);
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   color: #000000;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
#Shape1
{
   width: 660px;
   height: 418px;
   background-color: #000000;
   background-image: none;
   border: 0px #000000 solid;
   border-radius: 10px;
   opacity: 0.75;
}
#Shape1_text
{
   position: absolute;
   left: 5px;
   top: 201px;
   width: 648px;
   height: 210px;
   overflow: hidden;
   text-align: center;
}
#Shape1
{
   -webkit-animation: vanish-in 1000ms ease 0ms 1 normal forwards;
   -moz-animation: vanish-in 1000ms ease 0ms 1 normal forwards;
   animation: vanish-in 1000ms ease 0ms 1 normal forwards;
}
#Button1
{
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: url(images/twitter.png);
   background-repeat: repeat;
   background-position: left top;
   background-size: 100% 100%;
   color: #FFFFFF;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 13px;
   margin: 0;
   -webkit-animation: vanish-in 1000ms linear 1100ms 1 normal both, jello-horizontal 1000ms linear 1100ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 1100ms 1 normal both, jello-horizontal 1000ms linear 1100ms 1 normal both;
   animation: vanish-in 1000ms linear 1100ms 1 normal both, jello-horizontal 1000ms linear 1100ms 1 normal both;
}
#Button2
{
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: url(images/fb.png);
   background-repeat: repeat;
   background-position: left top;
   background-size: 100% 100%;
   color: #FFFFFF;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 13px;
   margin: 0;
   -webkit-animation: vanish-in 1000ms linear 1200ms 1 normal both, jello-horizontal 1000ms linear 1200ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 1200ms 1 normal both, jello-horizontal 1000ms linear 1200ms 1 normal both;
   animation: vanish-in 1000ms linear 1200ms 1 normal both, jello-horizontal 1000ms linear 1200ms 1 normal both;
}
#Button3
{
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: url(images/pixiv.png);
   background-repeat: repeat;
   background-position: left top;
   background-size: 100% 100%;
   color: #FFFFFF;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 13px;
   margin: 0;
   -webkit-animation: vanish-in 1000ms linear 1300ms 1 normal both, jello-horizontal 1000ms linear 1300ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 1300ms 1 normal both, jello-horizontal 1000ms linear 1300ms 1 normal both;
   animation: vanish-in 1000ms linear 1300ms 1 normal both, jello-horizontal 1000ms linear 1300ms 1 normal both;
}
#Button4
{
   border: 0px solid #2E6DA4;
   background-color: transparent;
   background-image: url(images/arts.jpg);
   background-repeat: repeat;
   background-position: center top;
   background-size: 100% 100%;
   color: #FFFFFF;
   font-family: "Comic Sans MS";
   font-weight: normal;
   font-size: 13px;
   margin: 0;
   -webkit-animation: vanish-in 1000ms linear 1400ms 1 normal both, jello-horizontal 1000ms linear 1400ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 1400ms 1 normal both, jello-horizontal 1000ms linear 1400ms 1 normal both;
   animation: vanish-in 1000ms linear 1400ms 1 normal both, jello-horizontal 1000ms linear 1400ms 1 normal both;
}
#wb_Text2 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
   -webkit-animation: vanish-in 1000ms linear 800ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 800ms 1 normal both;
   animation: vanish-in 1000ms linear 800ms 1 normal both;
}
#wb_Text2 div
{
   text-align: center;
}
#wb_Text1 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   padding: 0;
   margin: 0;
   text-align: center;
   -webkit-animation: vanish-in 1000ms linear 600ms 1 normal both;
   -moz-animation: vanish-in 1000ms linear 600ms 1 normal both;
   animation: vanish-in 1000ms linear 600ms 1 normal both;
}
#wb_Text1 div
{
   text-align: center;
}
body 
{ --scrollbar-border-radius:0px; 
   --scrollbar-thumb-color:#2A2A2B; 
   --scrollbar-button-color:#4D4D4D; 
   --scrollbar-border-thickness:0px; 
} 
   body::-webkit-scrollbar-button 
{ 
   background: var(--scrollbar-button-color, #3F3F46); 
   border: var(--scrollbar-border-thickness, 3px) 
   solid var(--scrollbar-border-color, 
      rgb(255, 255, 255)); 
   border-radius: var(--scrollbar-border-radius, 4px); 
}
   body::-webkit-scrollbar 
{ 
   width: var(--scrollbar-width, 20px); 
   height: var(--scrollbar-height, 20px); 
}
   body::-webkit-scrollbar-thumb 
{ 
   background: var(--scrollbar-thumb-color, #3B82F6); 
   border: var(--scrollbar-border-thickness, 3px) 
   solid var(--scrollbar-border-color, 
      rgb(255, 255, 255)); 
   border-radius: 
   var(--scrollbar-border-radius, 4px);
}
   body::-webkit-scrollbar-track 
{ 
   background: var(--scrollbar-track-color, #454547); 
}
   body::-webkit-scrollbar-corner 
{ 
   background: var(--scrollbar-corner-color, #FFFFFF); 
   border: var(--scrollbar-border-thickness, 3px) 
   solid var(--scrollbar-border-color, 
      rgb(255, 255, 255)); 
   border-radius: 
   var(--scrollbar-border-radius, 4px); 
}
   body::-webkit-scrollbar-button:vertical:start:increment, 
   #preview::-webkit-scrollbar-button:vertical:end:decrement, 
   #preview::-webkit-scrollbar-button:horizontal:start:increment, 
   #preview::-webkit-scrollbar-button:horizontal:end:decrement 
{ 
   display: var(--show-double-buttons, none);
}