@font-face {font-family: 'soupoj';src: url('soupofjustice.ttf') format('truetype');font-weight: normal;font-style: normal;}
body { background: #212121;line-height: 16px;color: #ffffff; }
.navi { width:0px;top:0px;right:0px;height:100%;overflow-x:hidden;transition:.5s;position:fixed;background-color:#6495ed; z-index:9;}
.main, .submenu { list-style:none; padding:0; margin:0; }
.main a { display:block; background-color: #6495ed; text-decoration:none;padding:10px;color:#ffffff;}
.main a:hover { background-color: #c8c8c8; }
.main li:hover .submenu { display: block; max-height: 375px; }
.submenu a { background-color: #6495b8; }
.submenu a:hover { background-color: #c8c8c8; }
.submenu { overflow:hidden; max-height:0; -webkit-transition:all 0.5s ease-out; }
.main .closenav { position:absolute; top:0; right:0px; }
#mCont { margin-right:0px; transition: margin-right .5s; }
#hclick { display:none; }
label { cursor:pointer; }
#hclick:checked ~ .navi {width:300px;top:0px;right:0px;height:100%;overflow-x:hidden;transition:.5s;position:fixed;background-color:#6495ed; z-index:9;}
#hclick:checked ~ #mCont {margin-right:300px; transition: margin-right .5s;}
#naviOpen { position:fixed;z-index:9999999999999999999999;cursor:pointer;width:32px;height:25px;top:10px;right:10px; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAE/klEQVRIS2NkYGBgsI7sncQjIGX/4fW9RSfXVPeCxJCBoUeZs7CsVuef3z9f/3x+I/r4zv53yPJKLmn8slL6y9g4+STfP75efmZb2250MyyCWmr4xBSjv354cfToiuJURuuI3mmatgmZIIX//v1huLp3WuzJDY1LYBqNHdJE1N0LXnDxiTODxB5d3nFj14xoTWSD3TKXXZPTcQeLffv48t+ZXc3itw4sfwNTYxZYF6/rnLuAkZEJLHT90LyZjJ45q29JazqpwhTdPrFsw8HFuYEwvoF3aaiJV8UqGP/z24e/V9YZsSFbHFp38ie/uApc7OLOCbGnNzXDHW8XPWmtmlV0EEzP4ys7bzJah/fM1rRLTAEJ/v//j+Hctr6489vaF8MU6blliOk5Fz3n4BEGO/fx1d13dk6LgDsUJOaeteqWrLYzWOz7p9f/Lu6ZLnVl78SXMDPMgxpjdRwzFzEygQON4dqhedMYGRgYGK0juufziijafH5zb+XRFWXV6PFj6l/nKyCp3vHnx+cXb59diLy0a8YrZDUgx4nKmq1kYmYTffv8asW5ze1b0M2wDG2r4BVWiP72/tmhIytLckAWDwgAW6ytHcrGraZhfOr94dMMBw78weYSPbc8HU4OntcnN7XBgxBZnYZZnDCPhLzcmU3N53H4hMnIs8yMkYXr0tnNDd8YjbyLjVXMIo/ziSiyvnt67dvdS+vULm7pf4qs2TVjyTV5XU/NXz8+/b95bGnVybU1HcjyZsHNpZrWcZ2sbNyMj67sxEj1oKhQNo64Kyyjy/P57aM/t44ttWN0Spx9VMkkyAqeqo8vX3NwSU4oPFV7FHmZ+FZvhfHfPbn8dV27Aw+yxQHlez+JyBnwwsTO7eoLOrexdT2MbxPZM0/DJjERxn9wYfM5RuekuYcVjQNsYII3jy9ZcXhJfiSMb+RV6mHkXbEdxn/z+NLnDR2OfCgWV+z9KCJrABc7v63L5+zWTrhjbSJ752rYJCTB9Nw/t/EMo5FHiZ6yWdgpfnFl9jePLny+d361CnqqdU1fcl5e18Pgx7d3/++cXFVwYm3NJGSLLYLb8lQtwiewc/IzPri45cKe2QmGyPLGvsUislped0TkDPg/vrr76+6ZlVaQVN3QwKR/+LXKxb1Tb+FK4ppO2fJcH3+/Pnt21jesiS+2m/vfw2tCVw7Nf4zLDH2vIrWL2/rugArJAc1OjNYRPdO4BaXsP728s+zEuroWdBeb+FSGCMnoNv/+8eXFh5eXw85vn/wapQCxihUTVrddxcbJJ/7m2ZXKsxtaNqCbYRHS1swnqhD85d2TXcdWlhVgVBKX90xOOr2xZT5Mo55nroyeY94jDm4hcOhgqyTcs1beltV2UQHJ//jy9t+FXV1SV/bOQSoyWwp0nTL6GRghAXx1/6x2Rte0JVfk9T214dnpxPItBxfn+ML4Jj5VcQaexQth/I8v7/5c3WTGgewjQpWEffz0XapmYa7w7HRxy3kUH///95fh0p5JKD7Wcc4XN3DNesbBKwKuJB5e2nZx98xYA2SL3TOXXZXVcdcCiX37+OLvzV0TJc4emAWvFi1D2gq0HdJQfQyqJGyiJ0zn5BG1/fz2/tITa2ra0OPHzL/OnV9CtfXXtw+PX3x8HHdzU9dnlOziUs7PK6O0lJmFTezji5tlZ7Z0HEA3wyq8u4VbQCrw2/snu46uKi8EAI82G4Isyrz3AAAAAElFTkSuQmCC"); }
.naviOpen { position:fixed;z-index:9999999999999999999999;cursor:pointer;width:32px;height:25px;top:10px;right:10px; background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAE/klEQVRIS2NkYGBgsI7sncQjIGX/4fW9RSfXVPeCxJCBoUeZs7CsVuef3z9f/3x+I/r4zv53yPJKLmn8slL6y9g4+STfP75efmZb2250MyyCWmr4xBSjv354cfToiuJURuuI3mmatgmZIIX//v1huLp3WuzJDY1LYBqNHdJE1N0LXnDxiTODxB5d3nFj14xoTWSD3TKXXZPTcQeLffv48t+ZXc3itw4sfwNTYxZYF6/rnLuAkZEJLHT90LyZjJ45q29JazqpwhTdPrFsw8HFuYEwvoF3aaiJV8UqGP/z24e/V9YZsSFbHFp38ie/uApc7OLOCbGnNzXDHW8XPWmtmlV0EEzP4ys7bzJah/fM1rRLTAEJ/v//j+Hctr6489vaF8MU6blliOk5Fz3n4BEGO/fx1d13dk6LgDsUJOaeteqWrLYzWOz7p9f/Lu6ZLnVl78SXMDPMgxpjdRwzFzEygQON4dqhedMYGRgYGK0juufziijafH5zb+XRFWXV6PFj6l/nKyCp3vHnx+cXb59diLy0a8YrZDUgx4nKmq1kYmYTffv8asW5ze1b0M2wDG2r4BVWiP72/tmhIytLckAWDwgAW6ytHcrGraZhfOr94dMMBw78weYSPbc8HU4OntcnN7XBgxBZnYZZnDCPhLzcmU3N53H4hMnIs8yMkYXr0tnNDd8YjbyLjVXMIo/ziSiyvnt67dvdS+vULm7pf4qs2TVjyTV5XU/NXz8+/b95bGnVybU1HcjyZsHNpZrWcZ2sbNyMj67sxEj1oKhQNo64Kyyjy/P57aM/t44ttWN0Spx9VMkkyAqeqo8vX3NwSU4oPFV7FHmZ+FZvhfHfPbn8dV27Aw+yxQHlez+JyBnwwsTO7eoLOrexdT2MbxPZM0/DJjERxn9wYfM5RuekuYcVjQNsYII3jy9ZcXhJfiSMb+RV6mHkXbEdxn/z+NLnDR2OfCgWV+z9KCJrABc7v63L5+zWTrhjbSJ752rYJCTB9Nw/t/EMo5FHiZ6yWdgpfnFl9jePLny+d361CnqqdU1fcl5e18Pgx7d3/++cXFVwYm3NJGSLLYLb8lQtwiewc/IzPri45cKe2QmGyPLGvsUislped0TkDPg/vrr76+6ZlVaQVN3QwKR/+LXKxb1Tb+FK4ppO2fJcH3+/Pnt21jesiS+2m/vfw2tCVw7Nf4zLDH2vIrWL2/rugArJAc1OjNYRPdO4BaXsP728s+zEuroWdBeb+FSGCMnoNv/+8eXFh5eXw85vn/wapQCxihUTVrddxcbJJ/7m2ZXKsxtaNqCbYRHS1swnqhD85d2TXcdWlhVgVBKX90xOOr2xZT5Mo55nroyeY94jDm4hcOhgqyTcs1beltV2UQHJ//jy9t+FXV1SV/bOQSoyWwp0nTL6GRghAXx1/6x2Rte0JVfk9T214dnpxPItBxfn+ML4Jj5VcQaexQth/I8v7/5c3WTGgewjQpWEffz0XapmYa7w7HRxy3kUH///95fh0p5JKD7Wcc4XN3DNesbBKwKuJB5e2nZx98xYA2SL3TOXXZXVcdcCiX37+OLvzV0TJc4emAWvFi1D2gq0HdJQfQyqJGyiJ0zn5BG1/fz2/tITa2ra0OPHzL/OnV9CtfXXtw+PX3x8HHdzU9dnlOziUs7PK6O0lJmFTezji5tlZ7Z0HEA3wyq8u4VbQCrw2/snu46uKi8EAI82G4Isyrz3AAAAAElFTkSuQmCC"); }
h1 {font-size: 60px;text-align: center;color: #FFF; line-height:45px;font-family: 'soupoj', sans-serif;}	
h3 {font-size: 30px;text-align: center;color: #FFF;font-family: 'soupoj', sans-serif;}
h3 a {color: #FFF;font-family: 'soupoj', sans-serif;}
a {color: #FFF;font-family: 'soupoj', sans-serif;text-decoration:none; }
.txcenter {text-align: center;}
.txcenterer {text-align: center;}
#footer { text-align:center;transition: .5s;position:absolute;width:100px;right:calc(50% - 50px);bottom:10px; }
#hclick:checked ~ #footer { text-align:center; transition: .5s;position:absolute;width:100px;right:calc(50% - 50px);margin-right:150px;bottom:10px; }
.codeblock {background: white; border:solid #6495ed;color: black;width:75%;overflow:scroll;text-align:left;margin:auto; }
#recenters {text-align:center;transition: .5s;position:absolute;bottom:100px;width:607px;height:150px;right:calc(50% - 303px); } 
#hclick:checked ~ #recenters {text-align:center;transition: .5s;position:absolute;bottom:100px;width:607px;height:150px;right:calc(50% - 303px);margin-right:150px; } 
small#smaller {font-family:sans-serif;font-size:10px;text-align:center;}