body{background:#000;font-family:'Bai Jamjuree'!important;overflow:hidden;display:grid;grid-template-rows:max-content;
    height:100%;
    position:absolute;
    width:100%;margin:0}.navbar{z-index:999}.inshadowBox{box-shadow:inset 0 0 11px 0 #0000002b;box-shadow:inset -14px -15px 10px -5px #0000000f}.BatcheItem{display:flex;padding:0;background-color:#ececec;background-color:#fbfbfb}.BatcheItem>.buttons{display:grid;border-left:1px solid gray}.BatcheItem>.main{padding:10px;width:100%}.BatcheItem>.color_bar{width:15px}.BatcheItem>.buttons>.button{padding:2px;padding-left:5px;padding-right:5px;border-top:1px solid gray;font-size:18px;color:#000}.BatcheItem>.buttons>.button:hover{box-shadow:inset 0 0 9px 4px #ffffffba;background-color:#e4e4e4}.BatcheItem>.buttons>.button>a{color:#000}html{font-family:'Bai Jamjuree'!important}code,kbd,pre,samp{font-family:'Bai Jamjuree'!important}button,input,optgroup,select,textarea{font-family:'Bai Jamjuree'!important}.tooltip{font-family:'Bai Jamjuree'!important}.popover{font-family:'Bai Jamjuree'!important}.text-monospace{font-family:'Bai Jamjuree'!important}.vertical-scrollable{height:var(--vs-hm);overflow-y:scroll}.vertical-scrollable-tables{height:var(--vs-hm-tables);overflow-y:scroll}
/* Header */

#header {
    -moz-transition: opacity 2s ease-in-out;
    -webkit-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    position: relative;
    color: #fff;
    text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.25);
    text-align: center;
    margin: 0;
   /* padding: 8em 0 14em 0;*/
    /*padding: 14em 0 14em 0;*/
    pointer-events: none;
    height: 100%; 
    cursor: default;
    width: 100%;

    display: flex;
    justify-content: center;  /* horizontálně na střed */
    align-items: flex-end;    /* vertikálně dolů */

   /* transition: opacity 2s ease-in-out;*/
}

button, a, h1, p {
    touch-action: manipulation;
  }
  html, body {
    touch-action: manipulation; /* zakáže pinch-zoom a double-tap zoom */
    -ms-touch-action: manipulation;
    overscroll-behavior: none;
  }
  
  body footer div {
display: inline-block;
padding: 0 0 4.5em 0;
text-align: center;
}

body footer div h1 {
            font-weight: 600;
            font-size: 2em;
            letter-spacing: 2px;
        }

        body footer div p {
            border-top: solid 1px rgba(255, 255, 255, 0.5);
            color: rgba(255, 255, 255, 0.75);
            text-shadow: 0 0 0.5px rgba(255, 255, 255, 0.1875);
            font-size: 1em;
            text-transform: uppercase;
            letter-spacing: 3px;
            padding: 0;
            margin-top: 0.35em;
        }

        body footer div p:before {
                content: '';
                display: block;
                border-top: solid 1px rgba(255, 255, 255, 0.5);
                margin: 4px 0 0.8em 0;
            }

            .fade-in {
                opacity: 0;
                animation: fadeIn 2s ease-in-out 3.5s forwards;
              }
              .fade-in2 {
                opacity: 0;
                animation: fadeIn 0.5s ease-in-out 0s forwards;
              }
              
              /* Keyframes pro animaci */
              @keyframes fadeIn {
                to {
                  opacity: 1;
                }
              }