@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.container {
  font-family: 'Inter', sans-serif;
  width: min(900px, 90%);
  background:#f6f8fb;
  color:#000000;
  margin: auto;
  line-height: 1.4;
  text-align: justify;
  //padding: 20px;
  //box-shadow: 0 0 40px rgba(0,0,0,0.2);
  padding: 20px;
    box-shadow:
        -15px 0 25px -10px rgba(0,0,0,0.3),
         15px 0 25px -10px rgba(0,0,0,0.3);
}


body{
  
  background:#f6f8fb;

  background-image: url('../images/meritko_web_2.png');
  background-repeat: no-repeat;
  background-position: center 10%;
  background-size: contain;
  background-attachment: fixed; /* obrázek se nehýbe při scrollu */

}

h2{
    font-family: 'Bebas Neue', sans-serif;
    font-size:40px;
    color:#919939;
    width: min(900px, 90%);
    
    margin: auto;
    text-align: center;
    
}

h4{
    font-family: 'Bebas Neue', sans-serif;
    font-size:20px;
    color:#000000;
    width: min(900px, 90%);
    letter-spacing: 1.5px;
    //margin: auto;
    text-align: left;
    
}

#fileToUpload{
    display:none;
}

.upload-btn{
    display:inline-block;
    padding:12px 20px;
    background:#919939;
    color:#fff;
    border-radius:0px;
    cursor:pointer;
}

.upload-btn:hover{
    background:#B9C34A;
}

.btn-submit {
    padding: 12px 20px;
    background: #919939;
    color: white;
    border: none;
    border-radius: 0px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.2s;
}

.btn-submit:hover {
    background: #B9C34A;
}

.btn-submit:active {
    transform: scale(0.97);
}

.divider {
  border: none;
  height: 5px;
  background: linear-gradient(to right, transparent, #888, transparent);
  margin: 20px 0;
}

/* Overlay přes celou stránku */
#overlaymanual {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* poloprůhledná černá */
  display: none; /* skryto defaultně */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* aby byla nad vším */
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5); /* poloprůhledná černá */
  display: none; /* skryto defaultně */
  justify-content: center;
  align-items: center;
  z-index: 9999; /* aby byla nad vším */
}

/* Spinner */
.spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #919939; /* modrý pruh */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 1s linear infinite;
}

/* Animace otáčení */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}