h2,h3{margin-top:20px;text-align:center}.key-blank,.key-ui{grid-column:span 2}.key-ui,.mb,.status-box,h2,h3{text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Helvetica}html{background:#444;color:#fff}h3{font-size:100%;font-weight:500;padding:0 20%;color:#eee;line-height:1.5em}.box-ui{background-color:#2c2c38;border-radius:5px;border:2px solid #2c2c38;margin:30px auto 0;padding:20px}.buy-segment,.mode-toggle,.mode-toggle-title{float:left;padding:10px}.keyboard-mouse-container{display:flex}.keyboard-container{display:grid;grid-template-columns:repeat(47,17.0px);grid-template-rows:repeat(6,50px);grid-gap:5px}.key-ui{background-color:#1e1e28;border:1px solid #1e1e28;border-radius:5px;font-size:12px;line-height:50px;text-transform:uppercase;font-weight:700}.key{cursor:pointer}.saved{background-color:#621994!important}.active,.toggleactive{background-color:#1e1e28!important}.highlighted{color:#86ff69;font-weight:700}.key:hover{border:1px solid #621994}.key-disabled{cursor:default;opacity:.6}.key.tall{grid-row:span 2;line-height:100px}.spacer{grid-column:span 1}.capslock,.delete,.return{grid-column:span 4}.backslash,.command,.leftctrl,.tab{grid-column:span 3}.leftshift,.rightshift{grid-column:span 5}.space{grid-column:span 13}.mouse-container{width:270px;display:grid;grid-template-columns:repeat(9,25px);grid-template-rows:repeat(17,20px)}.mouse1,.mouse2{width:100px;border:1px solid #222;height:100px;grid-column:span 4;grid-row:span 5;background:#333}.mouse1{border-radius:100px 0 0}.mouse2{border-radius:0 100px 0 0}.mousewheel{width:25px;background:#333;border:1px solid #222;height:60px;grid-row:span 3}.mousewheeldown,.mousewheelup{width:25px;background-color:#333;background-image:url('../images/arrow.png');background-size:17px 17px;background-repeat:no-repeat;background-position:50% 50%;height:20px}.mousewheelup{transform:rotate(180deg);border:1px solid #222;border-radius:0 0 12.5px 12.5px}.mousewheeldown{border:1px solid #222;border-radius:0 0 12.5px 12.5px}.mb,.mousebody{background:#333}.mousebody{width:225px;border:1px solid #222;height:200px;border-radius:0 0 100px 100px;grid-column:span 10;grid-row:span 11}.mb{width:40px;height:40px;border:1px solid #222;grid-column:span 2;grid-row:span 2;line-height:40px}.invisible{visibility:hidden}.buy-container{float:left;width:65%;margin-left:2.5%}.buy-container p{font-weight:700;margin-bottom:10px}.hidden{display:none}.autoexec,.weapon,.weapon img{display:inline-block}.mode-toggle{border:1px solid #000;margin-right:10px;cursor:pointer}.mode-toggle:hover{background-color:#777}.buy-segment{border:2px solid #1e1e28;background-color:#1e1e28;margin:10px;clear:both}.weapon{border:1px solid #2c2c38;background:#2c2c38;border-radius:5px;margin:0 15px 15px 0}.weapon:hover{cursor:pointer;background-color:#621994}.weapon img{width:150px;height:112.5px}.status-box{width:70%;padding:10px 0}.result-box{float:right;width:29%;margin-right:2.5%}.credits,.loadout-box{float:left;text-align:center}.autoexec{background-color:#1e1e28;width:90%;margin:10px 5%;border:3px solid #1e1e28;border-radius:5px;font-family:"Courier New",Courier,monospace;color:#fff;padding:5px}.autoexec:focus{outline:0}.loadout-box{width:165px;height:85px;line-height:85px;cursor:hand;border:1px solid #222;background:#555;margin:10px 5px 0;border-radius:0}.break{clear:both}.credits{width:100%;font-size:16px;margin-top:20px;margin-bottom:20px;line-height:10px}.credits a{color:#fff;cursor:pointer!important}