body {zoom: 0.80;font-family: 'Nunito', sans-serif;margin: 0;background-color: #FFFFFF;background-size: 65px;background-image: var(--body-bg-image);}
            a {color: #484848;text-decoration: none;user-select: auto;}
            a:hover {color: #fb6400;text-decoration: underline;}
            figure {margin: 0;padding: 0;}
            p, figcaption {font-size: 16px;}
            .HoverSelect, .HoverSelect2, .HoverSelect3, .HoverSelect4 {position: relative;display: inline-block;}
            .james-container {position:relative; top:15px; left:315px;margin:auto;z-index:2;height:300px;width:270px}
            .welcome-sign {margin-top:100px;height:170px}
            .welcome-sign2 {margin-top:135px;height:100px;transform: rotate(-7deg);}
            .welcome-sign, .welcome-sign2 {position:absolute;z-index:3;margin-left:-25px;}
            #Text,#Secret{position:absolute;left:50%;}
            #Text{top:90px;transform:translateX(-50%);}
            #Secret{top:90px;transform:translateX(calc(-50% - 55px)); width:530px;height:140px;}
            .glow {height:45px;width:auto;position:absolute;margin-left:50px;z-index:3;margin-top:205px}
            .glow2 {height:54px;width:auto;position:absolute;margin-left:47.5px;z-index:3;margin-top:210px}
            
            .clearfix::after {content: "";clear: both;display: table;margin-bottom:20px}

            .LeftSidebar {margin-left: -277px;float: left; width: 250px;}
           .RightSidebar {margin-right: -275px;float: right;width: 250px;}
                .Sidebar {position: absolute;top: 160px;float: right;width: 250px;}

        .PurpleTitleText {text-align: center;text-decoration: underline;-webkit-text-stroke: 1px purple;color:white;font-family:PvzUI;font-size: 35px;margin-top:-5px;}
               .ToDoText {margin-top:-20px;margin-left:-10px;line-height: 1.5;font-family:Win95;font-size: 15px;}
        
            .RightBox {width: 200px;height: 350px;}
            .RightBox2 {width: 200px;min-height: 350px;}
          .LeftBigBox,.VideoBox {width:790px}
    .RightBigBoxShell {margin-bottom: -1px;width: auto;border-radius: 10px;}
        
       .LeftBoxShell, .LeftBoxShell2, .LeftBigBoxShell 
                        {border:solid 1px #9b97e3;margin-bottom: -16px;}
       .LeftBigBoxShell {width:790px}
          .LeftBoxShell {width:200px} 
         .LeftBoxShell2 {width:230px}
               .LeftBox {width:200px} 
              .LeftBox2, .LeftBox5 {width:230px}
              .LeftBox3 {border:3px solid #7a3fd1;background-color: white;}
              .LeftBox4, .LeftBox5 {background-color:#ece9d8;border:3px solid #2755dc}
   .LeftBox3, .LeftBox4 {height:290px;width:150px;}
            
           .FireWaterBox {border:solid 1px #9b97e3;width:230px;height:400px; background:url('/flash/Images/348.png');background-repeat:repeat;background-position: center;
                          background-size: cover} /* background-color: rgba(255, 255, 255, 0.8); background-blend-mode: lighten; */
            .WideBox, .ChibitamiBox 
                         {margin-bottom: 10px;border-radius:10px}
             .FireWaterBox, .LeftBox, .LeftBox2, .LeftBigBox, .ProjectsBox, .PopcapBox, .LeftBox3, .LeftBox4, .LeftBigBoxStyle, .LeftBox5
                         {margin-bottom: 7px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
               .VideoBox {border:10px solid #3b0b00;outline:3px dotted yellow;outline-offset: -6px;background-color:#fce8bb}
           .ChibitamiBox {height:200px;margin-top:15px;width:1190px;margin-left:-190px;background-image: url('/flash/Images/chibitami-titlebg.gif');background-repeat: no-repeat;background-color:#481204}
              .PopcapBox {background-image: url('/flash/Popcap/image/PopcapBG.jpg');background-position: center bottom;height:220px;width:825px}
            .ProjectsBox {border:solid 1px #9b97e3;width:865px;background: url('/Images/WaveBackground.png');background-size: 100%;background-repeat: no-repeat;
                          background-position: center -360px;background-color: rgba(255, 255, 255, 0.6);background-blend-mode: lighten;}
             .LeftBox, .LeftBox2, .WideBox, .LeftBigBox, .PopcapBox
                         {background-color: white;border:solid 1px #9b97e3;}
          .VideosWideBox {border:10px solid #3b0b00;outline:3px dotted yellow;outline-offset: -6px;background-color:#fce8bb;margin-bottom:10px;border-radius: 10px;}
        .RightBigBox, .NitromeBox 
                         {width: 790px}
        .RightBigBox, .NitromeBox, .RightBox, .RightBox2 
                         {float: right;background-color: #FFFFFF;}
        .RightBigBox, .BobBox, .RightBox, .RightBox2
                         {border-radius: 10px;border: solid 1px #9b97e3;}
             .NitromeBox {height: 350px;border: 7px #56aaff solid;outline: 2px solid black;border-radius: 5px;} 
                 .BobBox {float: right; height: 200px;width:900px;margin-right:-35px; background: url('/flash/Images/Bob_BG.png'); background-size: 100%; 
                          background-repeat: no-repeat; background-position: center;}

            .StuffScroll {width: 1000px}

.ButtonRowIcon,.ButtonIcon {display: block;width: 80px;margin-bottom: 1px;}
            .ButtonRowIcon {border-radius: 10px;}
             .icon-overlay {z-index:1;width: 80px;}
         .mini-img-overlay {position:absolute;z-index:1;filter: drop-shadow(4px 4px 2px rgba(255, 255, 255, 0.5));}
         

            .flash-label {position:absolute;margin-top:35px;z-index:1;width:45px;margin-left:35px;}
            .label {position:absolute;margin-top:-3px;z-index:1;width:45px;margin-left:-3px;}
            .flash-label, .PixelArt, .label
            {image-rendering: optimizeSpeed;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: pixelated;image-rendering: optimize-contrast;-ms-interpolation-mode: nearest-neighbor;}
            .icon-shadow {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);}

            .AzureBorder {border: solid 1px #a4acdb;}
            .RoundCorner {border-radius: 10px;}
            
            .muryou {color:hotpink;text-decoration: none;font-size:9pt;position:absolute;margin-left:-2px;margin-top:10px;
                     writing-mode: vertical-rl;text-orientation: upright;curosor:pointer}

            .bigFlipline, .smallFlipline 
                           {transition: top 0.2s ease;position: relative}
              .bigFlipline {width: 150px}
            .smallFlipline {width: 109px}
            .bigFlipline:hover, .smallFlipline:hover {top: -5px;}
                 .flipline {float: left;margin: 14px 0px -7px 14px;}

            .ButtonDiv, .ButtonDiv2 {float: left;margin: 20px -50px -20px 20px;}
            .ButtonDiv2 {margin: 1px -55px -20px 14px;}
            .ButtonDiv2style {width: 80px;height: 130px;margin-right:10px}
            .ButtonDiv2-Overflow {overflow: hidden;height:54px;margin-bottom:3px}
            
            .lowerMargin {margin-bottom:-35px}

.figbutton, .figbutton4, .figbutton2, .figbutton3, .figbutton5, .figbutton6 {text-align: center;font-weight: normal}
.figbutton, .figbutton4 {width: 80px}
            .figbutton2 {width: 100px;margin-left: -10px;font-size: 13px}
            .figbutton3 {font-size:14px;width: 80px;}
         .figbutton2div {width: 80px;height: 20px}
         .figbutton3div {height: 20px;float: right;width:10px}
               .NavLink {margin: -13px 20px 0}
            .figbutton4 {margin-top: -29px;margin-left: -18px;font-size:16px;}
            .figbutton5, .figbutton6 {width:120px;font-size: 13px;}
            .figbutton6 {margin-left:-21px;}
            .figbutton5 {margin-left:-23px;}

        .CatagoriesMain {margin: -3px 5px 0;display: inline;border: solid 1px #9b97e3;padding: 2px 5px;background-color: rgba(185, 191, 255, 0.5);border-radius: 5px;}
            .Catagories {margin: -3px 15px 0;display: inline;font-weight: bold;}

                  .boxtitle {margin: -7px 0;}
                  .align, .boxtitle {display: flex; align-items: center;}
             .boxtitle-text, .V-boxtitle-text, .boxtitle-text6 {font-size: 20px; font-weight: bold; margin: 5px 0 0;}
            .boxtitle-text2,.boxtitle-text4,.boxtitle-text5, .boxtitle-text7 {font-size: 20px; font-weight: bold; margin: 10px;}
            .boxtitle-text3 {font-size: 17px;width:200px;position:absolute;font-weight: bold;margin: 0px;margin-left:50px;}
            .boxtitle-text4 {margin-left:12px}
            .boxtitle-text5 {margin-left:3px;color:white}
            .boxtitle-text6 {margin-left:50px;margin-top:12px;color:white}
            .boxtitle-text7 {margin-left:17px;}
            
            /***************************** Titles, Bars, Favicons **********************************************************/
              .PopcapTitle {z-index:1;margin-left:70px;margin-top:10px;position:absolute;font-size:25px;color:white}
                .PopcapBar {position:absolute;height:62px;width:825px;margin-left:-5px;margin-bottom:-50px;margin-top:-5px}
               .NitromeBar {position:absolute;height:40px;width: 793px;margin-left:-7px;margin-top:-2px}
            .FliplineTitle {float:left; margin-top:10px;margin-left:0px;width:995px;border-radius:10px}
     .FireboyWatergirlLogo {height:26px;margin-top:7px;margin-left:3px}
     .BoxTitleBar, .BoxTitleBar2, .BoxTitleBar3 {background-color:#dcdefe;padding:5px;height:40px;}
             .BoxTitleBar2 {border-bottom:1px solid #9b97e3;border-top-left-radius: 10px;border-top-right-radius: 10px;}
          .VerticalTitleBar{width:35px;height:150px;position:absolute;border:4px solid #3b0b00;background-color:#8d1201;margin-left:-43px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
          .V-boxtitle-text{writing-mode: vertical-rl;text-orientation: upright;}
         .V-boxtitle-text2{color:white;transform: rotate(-90deg);position:absolute;margin-left:-30px;margin-top:55px}
        .PopcapBoxTitleBar {height:85px;background-color:#82d4ea;width:825px;padding:5px;}
   .XP-title-bar, .navBar2 {height:55px;width:150px; padding:5px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
            .navBar2 {background: linear-gradient(to bottom, #a56bff 0%, #8e4fe6 40%, #7a3fd1 60%, #642fb8 100%);border: 3px solid #7a3fd1;box-shadow: inset 0 1px 0 #c6a8ff, inset 0 -1px 0 #4a2391;}
            .XP-title-bar {background: linear-gradient(to bottom,#3a6ff7 0%,#2b5be0 40%,#1f4ccf 60%,#163bb7 100%);border: 3px solid #1f4ccf;box-shadow:inset 0 1px 0 #7ea1ff,inset 0 -1px 0 #0f2f9c;}
        .VideoBoxTitleBar {padding:5px;height:40px;height:55px;background-color:#8d1201;border-radius:0px;}
        
        .LeftBoxShell, .LeftBoxShell2, .LeftBigBoxShell, .BoxTitleBar, .PopcapBoxTitleBar, .VideoBoxTitleBar
                           {border-top-left-radius: 10px;border-top-right-radius: 10px;}
            
               .Favicon {margin-bottom:-7px; margin-right:2px; height:28px;}
              .Favicon2 {margin-bottom:-5px; margin-right:4px; height:22px;}
            
              .tinyIcon {width: 40px; margin-right: 9px; margin-left:5px;}
              .Joystick {width: 50px; margin-right: 9px; margin-left:5px;margin-top:0px}
            .PopcapLogo {width: 55px; margin-right: 9px; margin-left:5px;z-index:1;position:absolute}
           .NitromeLogo {width: 40px; margin-right: 9px; margin-left:5px;margin-top:2px; z-index:1}
          .NitromeText {height: 37px; margin-right: 9px; margin-left:5px;margin-top:0px; z-index:1}
         .ChibitamiGear {width: 40px; margin-right: 9px; margin-left:10px;margin-top:5px}
           .ArchiveIcon {width: 30px; margin-right: 9px; margin-left:5px;margin-top:3px}
           .PopcornIcon {width: 40px; margin-right: 9px; margin-left:5px;margin-top:-15px;position:absolute}
             .SubwayKey {width: 40px; margin-right: 6px; margin-left:5px;margin-top:2px}
                   .ant {width: 40px; margin-right: 6px; margin-left:5px;margin-top:-3px}
                  .gold {width: 30px; margin-right: 0px; margin-left:5px;margin-top:0px}
                 .Sugar {width: 35px;margin-right: -1px; margin-left:12px;margin-top:-2px}
              .NewSplat {width: 60px; margin-right: 9px; margin-left:5px;}
                .blinky {width: 35px;margin-right: 15px; margin-left:12px;margin-top:3px}
                
   .ChibitamiTitle {position: absolute; margin-left: 840px;width:350px;height:200px;}
          #bobStar {margin-top:75px;position:absolute;margin-left:1029px;cursor:pointer;width:30px}
        .PopcapIMG {float: right; height: 350px; margin-top:20px; margin-left:740px; width:400px; background: url('/Images/Popcap_Press.png'); 
                    background-size: 100%; background-repeat: no-repeat; background-position: center; position:absolute; z-index:3;}
   #PopcornMachine {margin-bottom: 7px; width:200px; background: url('/Images/anipcorn.gif');background-size: 100%; background-repeat: no-repeat; 
                    background-position: center;cursor:pointer; position: relative;}
             .Jake {margin-bottom: 10px; width:200px; background: url('/flash/Images/SubwayJakePress.gif'); background-size: 100%; background-repeat: no-repeat; 
                    background-position: center; height:350px}
             .vines {position:absolute;margin-left:-35px;width:280px}
             /***************************** Titles, Bars, Favicons End **********************************************************/
            
.WideLeftBoxOuter{margin-left:-30px;margin-top:10px;}
.SideBarBox {margin-bottom:10px;margin-left:50px;width:150px;margin-top:10px;}
            
.nav-container {display: flex; column-gap:10px;  row-gap:2px; align-items: center;margin-top: 5px;margin-left: auto;margin-right: auto;justify-content: center;max-width:1000px;flex-wrap:wrap; }
      .navItem {position: relative; display: inline-block;z-index:10}
    .navbtnIMG {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); pointer-events: none}
    .newTopNav {height:60px; margin-left: auto;margin-right: auto;border: solid 1px lightgray;display: flex; justify-content: center; background-color: #333;width: 100%;
            padding:10px}
            
   .navbtn {height: 55px;display: block;}
 .navbtnSM {height:45px;margin-top:-5px;display: block;}
.navbtnIMG {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); pointer-events: none;}
  .navICN1 {width: 55px; margin-left:-63px;}
  .navICN2 {width:45px;margin-left:-50px;}
  .navICN3 {width:35px;margin-left:-60px;}
  .navICN4 {width:50px;margin-left:-65px;}
  .navICN5 {width:30px;margin-left:-60px;}
  .navICN6 {width:38px;margin-left:-40px;margin-top:-2px}
 .sideBTNs {height: 200px;width:136px;float: right;padding: 0px;font-size: smaller;}
 
@media (max-width:800px){.width800{display:none;}}
@media (max-width:650px){.width650{display:none;}}

.topnavLogo {height:40px; margin-right: 15px; margin-top:-2px;}

.game_tile_sm {width: 95px;height: 112px;float: left;display: inline;cursor: pointer;background: url() 6px 4px no-repeat;margin-top:15px;margin-left:20px}

           .scroll-left {height:35px;overflow:hidden;position:relative;background:#E4DCF6;color:black;border:1px solid black;} 
.scroll-left .scroll-track 
         {position:absolute;left:100%;top:0;display:flex;align-items:center;gap:1000px;white-space:nowrap;will-change:transform;animation:scroll-left 50s linear infinite;}
.scroll-left .scroll-track h1, .scroll-left .scroll-track p 
            { margin:0; line-height:30px; flex-shrink:0; font-size: 16px;font-family:Win95;} 
           @keyframes scroll-left {from {transform:translateX(0);}to {transform:translateX(-175%);}}
           
            
    .TieDiv {position:absolute;margin-left:900px;width:100px;height:250px;overflow:hidden}
    .Tie {position: relative;transition: transform 0.2s ease;transform-origin: top center;animation: swing 3s infinite ease-in-out;
          margin-left:20px; width:50px; margin-top:-15px; cursor:pointer}
    .Tie:hover {bottom: -10px;animation:none;}
    @keyframes swing {0% { transform: rotate(5deg); }50%  { transform: rotate(-5deg); }100% { transform: rotate(5deg); } }

            .shake-img:hover {animation: shake 0.3s;animation-iteration-count: infinite;cursor: pointer;}
            .hover-zoom:hover, .hover-zoom2:hover {transform: scale(1.1);transition: transform 0.5s ease;cursor: pointer;}

            .Scaled {transform: scale(1.15);cursor: pointer;}
            
    .ropesign {position:absolute;margin-left:39px;margin-top:8px;background-color: white;padding: 2px;}
    .ropesign-outer {background-color: #8B0000;padding: 6px;display: inline-block;}
    .ropesign-inner {background-color: #660000;color: white;border: 2px dotted white;padding: 5px 30px;font-size: 16px;display: inline-block;}
    .date {font-size:10px;margin-right:10px}
    .UpdateLogBox {margin-top:-15px; height:200px; border:5px ridge white; text-align:left; padding:5px; overflow-y:auto;width:250px;overflow-x:hidden;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('/Images/Dark_Wave_Press.jpg') no-repeat center center; 
         background-size: cover;}
    .ToDoBox {margin-top:-15px; height:230px; border:5px ridge white; text-align:left; padding:5px; overflow-y:auto;width:250px;overflow-x:hidden;background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('/Images/Burn_Press.jpg') no-repeat center center; 
         background-size: cover;}
    .BadgeBox {width:250px; height:230px; border:dotted 3px black; 
         background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('/Images/InsideComputer.png') no-repeat center center; 
         background-size: cover; margin-bottom:30px;}
    .BadgeBoxH1 {text-align: center; text-decoration: underline;font-size: 27px; margin-top:5px;}
    .BadgeBoxText {font-size: 20px; margin-top:15px;}
    
    .BadgeBoxH1, .BadgeBoxText, .UpdateLogBox {font-family:Win95;color:black;}
    .BadgeBoxH1, .BadgeBoxText, .UpdateLogBox, .WhiteTextBorder {text-shadow:-1px -1px 0 white,0   -1px 0 white,1px -1px 0 white,1px  0   0 white,1px  1px 0 white,0    1px 0 white,-1px  1px 0 white,-1px  0   0 white;}
    
    .menuCard {width:250px; background:#f8c9cf; padding:10px; margin-bottom:10px; margin-top:360px;} 
    .menuCard .menuTitle, .menuCard .menuRow 
              {background:linear-gradient(to right,#fffef5,#ffffc8,#fffef5); border:1px solid #ff1493; border-top:none; padding:7px 14px;} 
    .menuCard .menuTitle {border-top:5px solid #ff1493; border-left:5px solid #ff1493; border-right:5px solid #ff1493; font-size:28px; font-weight:bold; color:#ff1a1a; line-height:1; background:#fff;} 
    .menuCard .menuRow {border-left:5px solid #ff1493; border-right:5px solid #ff1493; font-size:16px; line-height:1.8;} 

            #keroro, .HiddenFrog {width: 290px;height: 230px;position: absolute;cursor: pointer;}
            #keroro {display: none}

            #line {float: left;width: 100%;}
            
            .hover-shadow:hover{filter: drop-shadow(3px 3px 1px #8167e6); }
            
            .AzureTextBorder {color: white;
            text-shadow: -1px -1px 0 #8078e1, 0 -1px 0 #8078e1, 1px -1px 0 #8078e1, 1px 0 0 #8078e1, 1px 1px 0 #8078e1, 0 1px 0 #8078e1, -1px 1px 0 #8078e1, -1px 0 0 #8078e1;}
            .PinkTextBorder {color: white;
            text-shadow: -1px -1px 0 #bd7595, 0 -1px 0 #bd7595, 1px -1px 0 #bd7595, 1px 0 0 #bd7595, 1px 1px 0 #bd7595, 0 1px 0 #bd7595, -1px 1px 0 #bd7595, -1px 0 0 #bd7595;}
            
.PepsiMan {height:300px;position:absolute;margin-left:-275px;margin-top:60px;transform: rotate(-5deg);}
.ChessBoard {box-shadow: inset 0px 0px 15px 0px black;border: 13px outset black;box-sizing: border-box;background-color: #e2e2e6;width:190px;width:290px;margin-right:-90px;margin-top:40px;outline: 5px solid black;outline-offset: -14px;background-image:  repeating-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), repeating-linear-gradient(45deg, #ffffff 25%, #f6f6f7 25%, #f6f6f7 75%, #ffffff 75%, #ffffff);background-position: 0 0, 40px 40px;background-size: 80px 80px;height:auto;}
.chess {position:absolute;margin-left:240px;margin-top:-95px;height:115px}
.dice {position:absolute;margin-left:190px;margin-top:-25px;height:50px}
.chiyu {position:absolute;margin-left:150px;margin-top:-195px;width:130px}
.lava-lamp {position:absolute;margin-left:-20px;margin-top:-110px;width:50px}
.tea {position:absolute;margin-left:205px;margin-top:-80px;width:70px;z-index:1}
            
            .overlay {
            position: absolute;
            top: -73px;
            left: 0;
            width: 80px;
            height: 80px;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: 1000;
            user-select: auto;
            }

            .Peking {width: 100%;height: 400px;background: url('/Images/Peking_Express.png') repeat-x center;background-size: contain;margin-top: 16000px;}
            .Badge {height:36px;}
            .Stamp {height:65px;}

            :root {
            --body-bg-image: url('/Images/WaveBackgroundPress.jpg');
            --content: #43256E;
            }

            * {box-sizing: border-box;}

            #container {width: 975px;margin: 0 auto;}

            #flex {display: flex}
            main {background-color: #FFFFFF;flex: 1;padding: 20px;order: 2;border: solid 1px black}

            footer {background-color: #13092D;width: 100%;height: 40px;text-align: center;}
            h1 {font-size: 25px;}
            .box {background-color: #13092D;border: 1px solid #ED64F5;padding: 10px;}
            #topBar {width: 100%;height: 30px;padding: 10px;font-size: smaller;background-color: #13092D;}

           
            
@keyframes shake2 {
    0% { transform: translate(1px, 1px) rotate(0deg) }
   10% { transform: translate(-1px, -2px) rotate(-1deg) }
   20% { transform: translate(-3px, 0px) rotate(1deg) }
   30% { transform: translate(3px, 2px) rotate(0deg) }
   40% { transform: translate(1px, -1px) rotate(1deg) }
   50% { transform: translate(-1px, 2px) rotate(-1deg) }
   60% { transform: translate(-3px, 1px) rotate(0deg) }
   70% { transform: translate(3px, 1px) rotate(-1deg) }
   80% { transform: translate(-1px, -1px) rotate(1deg) }
   90% { transform: translate(1px, 2px) rotate(0deg) }
  100% { transform: translate(1px, -2px) rotate(-1deg) }
}
.shake2 {animation: shake 0.5s infinite}
.shake2 {animation: shake 0.5s;animation-iteration-count: 12;}

.MachinePosition {position: absolute;top: 100px;margin-left:-575px;float: right;width: 250px;}
            /***************************** PRIZE MACHINE **********************************************************/
            .Machine {z-index: 1}
            .Glass {width: 173px;height: 165px;position: absolute;overflow: hidden;border-radius: 80px;top: 62px;left: 49px;}
            .fish {width: 45px;height: 45px;background-image: url('/Images/GachaBall5.png');background-size: cover;position: absolute;top: 50%;left: 50%;transition: transform 0.3s ease;}
            @keyframes shake {
            0% {transform: translate(1px, 1px) rotate(0deg);}
            10% {transform: translate(-1px, -2px) rotate(-1deg);}
            20% {transform: translate(-3px, 0px) rotate(1deg);}
            30% {transform: translate(3px, 2px) rotate(0deg);}
            40% {transform: translate(1px, -1px) rotate(1deg);}
            50% {transform: translate(-1px, 2px) rotate(-1deg);}
            60% {transform: translate(-3px, 1px) rotate(0deg);}
            70% {transform: translate(3px, 1px) rotate(-1deg);}
            80% {transform: translate(-1px, -1px) rotate(1deg);}
            90% {transform: translate(1px, 2px) rotate(0deg);}
            100% {transform: translate(1px, -2px) rotate(-1deg);}
            }
            .shake {animation: shake 0.5s;animation-iteration-count: 10;}
            .Pet1 {width: 90px;height: 90px;background-image: url('/Images/CloseButton_scaled.png');background-size: cover;position: absolute;top: 50%;left: 50%;
                   transition: transform 0.3s ease;z-index: 2;cursor:pointer;}
            .MachineStyles {width: 10px;height: auto;position: absolute;top: 210px;left: 262px;}
            .ball {position: fixed;cursor:pointer;}
            #prize {position: absolute;cursor: pointer;}
            .flipped {transform: scaleX(-1);}
            .PrizeBall {width:40px; height:auto;z-index: 13; top: 230px; left: 155px; position: absolute; margin-top: 20px; display:none;}
            .PrizeMachine {float:left; position:absolute;top:-210px;right:30px; margin:auto; cursor:pointer; z-index:10;height:290px}
            .PrizeMachineBtn {float:left; position:absolute;top:-210px;right:30px;cursor: pointer;height:290px}

            /***************************** PRIZE MACHINE **********************************************************/

            /***************************** Random Game **********************************************************/
                    .RandomGame {position: absolute;width: 220px;height: 220px;margin-left:20px;margin-top:130px}
                .spinning-image {width: 220px;height: 220px;animation: spin 10s infinite linear;}
      .RandomGame-overlay-image {position: absolute;top: 30px;left: 35px;width: 150px;transform: rotate(5deg);transition: transform 0.3s ease;
                                 animation: float 2s infinite alternate;cursor:pointer;}
      .RandomGame-overlay-image:hover {animation: none;transform: scale(1.1) rotate(5deg);}

            @keyframes float { 0% { transform: translateY(10px) rotate(5deg); } 100% { transform: translateY(0px) rotate(5deg); } }
            @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
            @-webkit-keyframes mover { 0% { transform: translateY(-20); } 100% { transform: translateY(20px); } }
            @keyframes mover { 0% { transform: translateY(-10); } 100% { transform: translateY(10px); } }
            /***************************** Random Game **********************************************************/

            /***************************** Secret Door **********************************************************/
      .secret-container {position:absolute;z-index:1;zoom:1.55;margin-left:-90px;margin-top:-39px;display:none;}
            .door-image {position: relative;}
           .door-viewer {height: 252px;overflow: hidden;}
           .door-sprite {width: 360px;height: 252px;background-image: url("/Images/JamDoor.png");background-repeat: no-repeat;background-position: 0 0;}
           .door-sprite:hover {animation: doorOpen 0.5s steps(3) forwards;}
           .door-sprite:not(:hover) {animation: doorClose 0.5s steps(3) forwards;}
           @keyframes doorOpen {0% { background-position: 0 0; }100% { background-position: 0 -756px; }}
          @keyframes doorClose {0% { background-position: 0 -756px; }100% { background-position: 0 0; }}
            #door{position:absolute;left:50%;margin-top:-232px;transform:translateX(-97px);}
            /***************************** Secret Door **********************************************************/
            
            
.Rhombus {position: relative;background-color: white; }
.Rhombus::before {content: "";position: absolute;inset: 0;opacity: 0.3;pointer-events: none;
  background-image: linear-gradient(135deg, #ffffff 25%, transparent 25%),linear-gradient(225deg, #ffffff 25%, transparent 25%),
                    linear-gradient(45deg, #ffffff 25%, transparent 25%), linear-gradient(315deg, #ffffff 25%, #e5e5f7 25%);
  background-position: 40px 0, 40px 0, 0 0, 0 0;background-size: 40px 40px;background-repeat: repeat;}


.btn-Action {
    background: #e93250;
    background: -webkit-linear-gradient(top, #e93250, #b11f36);
    background: -moz-linear-gradient(top, #e93250, #b11f36);
    background: -o-linear-gradient(top, #e93250, #b11f36);
    background: linear-gradient(top, #e93250, #b11f36);

    border-radius: 18px;
    box-shadow: 0 0 6px rgba(0,0,0,0.25);

    color: #f8f8f8 !important;
    cursor: pointer;
    display: inline-block;

    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 0.9em;
    line-height: 1;

    padding: 9px 20px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4); 

    vertical-align: middle;
    -webkit-appearance: none;
}
.btn-Action:hover,
.btn-Action:active {
    background: -webkit-linear-gradient(top, #d51c3a, #841526);
    background: -moz-linear-gradient(top, #d51c3a, #841526);
    background: -o-linear-gradient(top, #d51c3a, #841526);
    background: linear-gradient(top, #d51c3a, #841526);
    color: #f8f8f8;
}

.fa {width:18px;margin-bottom:-3px;margin-right:5px;}