body{
    background-image:url("images/background_second.jpg");
    background-size: cover;
    }

button{
        cursor:pointer;
      }

header{
background-color: rgb(22, 22, 22);
position: fixed;
width: 100%;
height:110px;
text-align:left;
margin-left:50px;
margin:-10px;
padding:1px;
z-index:1;
}

article{
    font-family: 'Trebuchet MS', sans-serif;
    position: fixed;
    width: 100%;
    margin:-10px;
    padding:1px;
    padding-top:7%;
}

.nadpis{
    font-size: 50px;
    margin-top:5%;
    margin-bottom:4%;
    
    color: #ca941e;
    text-align:left;
    transition: 0.3s;
    margin-left:5%;
    }

.nadpis:hover{
    text-shadow:rgba(194, 193, 193, 0.5) 4px -3px 7px;
}

.domovsky_odkaz{
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    text-decoration: none;
    margin-right:10%;
    margin-top: 2%;
    display: inline-block;
    
  }
  

.logo{
    position:absolute;
    top:5%;
    height: 130px;
    width:auto;
 }
.logo_div{
    display:flex;
    justify-content:center;
}

 nav{
margin-top:1%;

}
table{
width: 97.5%;
}

.menu{
text-align: right;

}

 .prvni{
    color:white;
    background-color: rgb(22, 22, 22);
    border: none;
    padding: 25px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    transition: 0.3s;
}
.prvni:hover{
  background: #2c2c2c;
  color: #ca941e;
  transform: translateX(-3px) translateY(4px);
  box-shadow:rgba(194, 193, 193, 0.5) 4px -3px 7px;
}

.druhy{
    color:white;
    background-color: rgb(22, 22, 22);
    border: none;
    padding: 15px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    transition: 0.3s;
}
.druhy:hover{
  background: #2c2c2c;
  color: #ca941e;
  transform: translateX(-3px) translateY(4px);
  box-shadow:rgba(194, 193, 193, 0.5) 4px -3px 7px;
}

.vybran{
    background: #2c2c2c;
    color: #ca941e;
    border: none;
    padding: 15px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 5px;
    transition: 0.3s;
}

.nadpis_{
    color:white;
    text-align: center;
    font-size: 60px;
    text-shadow: 2px 2px 4px #000000;
}

p{
    max-width: 80%;
    text-align: center;
    position: relative;
    margin-left:10%;
    color:rgb(207, 207, 207);
    font-size: 25px;
}

h2{
    color:rgb(221, 221, 221);
    text-shadow:rgb(10, 10, 10) -4px -3px 7px;
    font-size: 50px;
}
.shadow{
    text-shadow:rgb(10, 10, 10) 4px -3px 7px;
}

h3{
    color:rgb(187, 0, 0);
    text-shadow: rgb(10, 10, 10) -2px -2px 4px;
}
.shadow_h3{
    text-shadow: rgb(10, 10, 10) 2px -2px 4px;
}


.tabulka_srovnani{
    max-width: 70%;
    margin-left:13%;
    margin-bottom:5%;
    background-color:rgba(194, 193, 193,0.1);
    border-radius: 10px;
    padding:10px;

}

.small_logo{
    height: 100px;
    width:auto;
    margin: 4%;
    margin-top: 12%;
    border-radius: 5%;
}

.small_logo2{
    height: 100px;
    width:auto;
    margin: 2%;
    margin-top: 12%;
    border-radius: 5%;
}

.small_logo3{
    height: 100px;
    width:auto;
    margin: 2%;
    margin-top: 9%;
    margin-bottom: -5%;
    border-radius: 5%;
}

.loga{
    text-align: center;
}

.invisible{
    opacity: 0%;
    font-size:medium;
}

h1{
    color:rgb(221, 221, 221);
    text-shadow:rgb(10, 10, 10) -4px -3px 7px;
    font-size: 50px;
    text-align: center; 
}

.fit{
    width: 25%;
}

.poradi{
    text-align: center;
    background-color: rgb(22, 22, 22);
    padding: 1%;
    margin-right:-1%;
}



::-webkit-scrollbar{
    width: 15px;
    }
    ::-webkit-scrollbar-track{
    background: #b1a5a5;
    }
    ::-webkit-scrollbar-thumb{
    background: rgb(117, 103, 103);
    }
    ::-webkit-scrollbar-thumb:hover{
    background: rgb(56, 55, 55);
    }