@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');
.controlBar {
    filter: invert(1) ;
}
i#shout {
    font-size: 30px;
    color: #21f400;
}

i {
    color: #767679;
}
img.profile-pic:hover {
    filter: grayscale(0) contrast(1) brightness(0.5);
}
button,input[type="submit"],select,input[type="text"] {
    color: #b0b0b0;
    background-color: #1f1f1f8f;
    border-radius: 20px
;
}
p#gdesc::after {
    content: "";
    position: absolute;
    width: 200px
;
    height: 200px
;
    bottom: 200px
;
    right: 200px
;

    background-image: url(https://cdn.piapro.jp/thumb_i/um/umy1xbpng54h6tsp_20110606013717_0740_0500.png) !important;
    background-size: 100%;
    animation: rotation 60s steps(60) infinite;
    transform: rotate( 52deg );
        filter: invert(1);
        pointer-events: none;
}
p#gdesc::before {
    content: "";
   position: absolute;
    width: 200px
;
    height: 200px
;
    bottom: 200px
;
    right: 200px
;
    background-image: url(https://cdn.piapro.jp/thumb_i/wy/wygsui2ihjj1s920_20110606013612_0740_0500.png) !important;
    background-size: 100%;
        animation: rotation 43200s steps(43200) infinite;
transform: rotate(-148deg);
    filter: invert(1);
            pointer-events: none;
}
i#shout::after {
    content: "";
   position: absolute;
    width: 200px
;
    height: 200px
;
    bottom: 200px
;
    right: 200px
;
    background-image: url(https://cdn.piapro.jp/thumb_i/ij/ijbc7t7i2pqewwqh_20110606013527_0500_0500.png) !important;
    background-size: 100%;
        animation: rotation 3600s steps(3600) infinite;
            filter: invert(1);
                    pointer-events: none;
}
i#shout::before {
    content: "";
   position: absolute;
    width: 200px
;
    height: 200px
;
    bottom: 200px
;
    right: 200px
;
    background-image: url(https://cdn.piapro.jp/thumb_i/ij/ijbc7t7i2pqewwqh_20110606013527_0500_0500.png) !important;
    background-size: 100%;
        animation: rotation 3600s linear infinite;
            filter: invert(1);
                    pointer-events: none;
}
::selection {
    background-color: rgb(255 106 41);
    color: #000000;
}

.header, .header a {
    color: #848484 !important;
}
.headerTop {
    background-color:#323345;
    border-bottom: 1px
 solid #7b7b7b;
}

.contactInfoTop {
    background-color: #1edb004a !important;
    color: #23ff00;
background-color: #094000;
}


img.profile-pic {
    filter: grayscale(1) contrast(0.2) brightness(0.4);
}

@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
#gpfp {
    float: none;
    width: 100;
    height: 100;
}
div#right {
    color: #23ff00;
}
a {
    color: #169f00;
}
b#siteTitle {
    color: #8f8f8f;
}
b {
color:#169F05;
}
.info {
    background: #1edb004a !important;
    color: #23ff00;
    padding-left: 5px
;
background-color: #094000;
}


body:after{content: " ";height:100%;width:100%;display: block;position: fixed; top: 0; left: 0; z-index: 100;background-color:#000;background-size: cover;background-repeat: no-repeat;animation: fedin 6s ease 0s 1 normal forwards;pointer-events:none;}
@keyframes fedin {0%{opacity:1;}5%{opacity:0.95} 10%{opacity0.9}15%{opacity:0.85}20%{opacity:0.8}25%{opacity:0.75}30%{opacity:0.7}35%{opacity:0.65}40%{opacity:0.6}45%{opacity:0.55}50%{opacity:0.5;}55%{opacity:0.45}60%{opacity:0.4}65%{opacity:0.35}70%{opacity:0.3;}75%{opacity:0.25}80%{opacity:0.2}85%{opacity:0.15}90%{opacity:0.1}95%{opacity:0.05}100%{opacity:0;}}

.container {
    color: #23ff00;
    font-family: monospace;
    background-color: #000000b0;
}
@keyframes tenmetu{
    0%{opacity: 1;}
    50%{opacity: 0.2;}
    100%{opacity: 1;}
}
textarea {
    background-color: #ffffffba;
}


#smsg{
background-color: #000;
width: 100%;
overflow: hidden;
height: 25px;
margin: 0px !important;
}
 #smsg > #text ::after{content :" upload games to our flash archive.";}
div#smsg{
    font-family: DotGothic16;
    color: #23ff00;
    font-size: 20px;
line-height: 1;
animation: tenmetu 1s infinite
;
}




audio#audioelement {
    background-color: #f1f3f4;
    filter: invert(1) opacity(0.5);
}



p#gdesc {
    text-align: center;
}
i#shout {
    font-size: 30px;
}

h1#gname,h1#gblogTitle {
    background: linear-gradient(to right,#90b800,#7d8d00 ,#daff46,#c4ff10,#958300);
    -webkit-background-clip: text;
    color: transparent;
   position: fixed;
    bottom: 25%;
    left: 10%;
    font-size: 60px;
    z-index: -100;
     transform: rotateX( 30deg );
          animation: r5 10s linear infinite;

}
  @keyframes r5 {
    0% {
   transform: perspective(600px) rotateX(20deg) rotateY(5deg);
    }
   50% {
   transform: perspective(600px) rotateX(-20deg) rotateY(-20deg);
   }
   100% {
   transform: perspective(600px) rotateX(20deg) rotateY(5deg);
   }
   }

.headerBottom {
    color: #8f8f8f;
   background-color :#323345;
}
body{background-color: #000;}

.forum-table th, .forum-table td, .groups-table th, .groups-table td, .bulletin-table th, .bulletin-table td {
    border: 1px
 solid #6f6f6f;
    padding: 7px
;
    color: #23ff00;
    background-color: #000000b0;
}

textarea {
    background-color: #1f1f1f8f !important;
    background-color: #141414;
    color: #919191;
}
body{    overflow-y: auto;
    overflow-x: hidden;}






@-moz-document url-prefix() {audio#audioelement{filter: invert(0) !important;
}}

::-webkit-scrollbar {
  width: 19px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 20px #044809; 
  border-radius: 0px;
  background: #000000;
}
 
::-webkit-scrollbar-thumb {
background: #1f9528; 
  border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #044809; 
}