body {
    margin: 0;
    padding: 0;
    height: auto;
    background-image: url(pattern3.jpg);
    background-repeat: repeat;
    text-align: center;
  }

.blur {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
}

/*-----------------------------------------------------------------------------------*/

h1 {
    text-align: center;
    font-size: 70px;
    color: white;
    text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.9);
}
h2 {
    text-align: center;
    font-size: 70px;
    color: white;
    text-shadow: 5px 5px 10px rgba(255, 255, 255, 0.9);
    margin-top: -30px;
}

/*-----------------------------------------------------------------------------------*/

.vybrano {
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    color: black;
    font-size: 5px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7) ;
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rozvrh label {
    font-size: 40px;
    margin: 10px;
}


/*-----------------------------------------------------------------------------------*/

.rozvrh {
    background: rgba(255, 255, 255, 0.7);
    align-items: center;
    justify-content: center;
    margin: 1%;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(255, 255, 255, 0.7) ;
    width: auto;
    overflow: hidden;
}

/*-----------------------------------------------------------------------------------*/

.tablediv {
    background: rgba(255, 255, 255, 0.9);
    align-items: center;
    justify-content: center;
    margin: 1%;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7) ;
    width: auto;
    overflow: hidden;
}


table {
    border: 1px solid rgb(255, 255, 255);
    border-collapse: collapse;
    font-size: 30px;
    width: auto;
    height: auto;
    text-align: center;
    color: rgb(0, 0, 0);
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.9);
}

/*td, th {
    border: 1px solid rgb(100, 100, 100);
    border-collapse: collapse;
    padding: 1%;
}*/

td {
    border: 1px solid rgb(0, 0, 0);
    border-collapse: collapse;
    width: 500px;
    text-align: center;
    font-family:verdana;
    padding: 0.5%;
    overflow: hidden;
}
th {
    border: 1px solid rgb(0, 0, 0);
    background-color: gray;
    padding: 0.5%;
    overflow: hidden;
}

th:hover, td:hover {
    color: rgb(255, 128, 0);
    transition-duration: 0.7s;
    text-shadow: 3px 3px 5px rgba(255, 128, 0, 0.9);
}

th, tr:nth-child(even){background-color: rgba(145, 145, 145, 0.6)}

/*-----------------------------------------------------------------------------------*/

.form {
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    color: black;
    font-size: 30px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7) ;
    border-radius: 20px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    width: auto;
    display: inline-block;
}

form {
    display: flex;
    flex-direction: row;
    padding-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
}

#myH1, #myH2, #myH3{
    color: rgb(255, 128, 0);
    font-size: 40px;
    margin: 10px;
    display: inline-block;
}

#potvrdit1 {
    display: inline-block;
}
.form1 {
    display: inline-block;
}
#potvrdit2 {
    display: inline-block;
}
.form2 {
    display: inline-block;
}
#potvrdit3 {
    display: inline-block;
}
.form3 {
    display: inline-block;
}


select {
    background-color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.7) ;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    font-size: 30px;
    text-align: center;
    width: 500px;
    padding: 5px;
}

/*-----------------------------------------------------------------------------------*/

button {
    width: 200px;
    font-size: 32px;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
    background-color: rgba(226, 226, 226, 0.8);
    padding: 10px;
    cursor: pointer;
    transition-duration: 0.3s; 
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.8);
}
button:hover {
    background-color: #9b9b9b;
    color: rgb(255, 128, 0);
    }

button:active {
    background-color: #000000;
    box-shadow: 0 10px #666;
    transform: translateY(15px);
    }

a:visited {
    color: black;
}
a:link {
    color: black;
    text-decoration: none;
}
a:hover {
    color: rgb(255, 128, 0);
}
a:active {
    color: rgb(158, 84, 9);
}

/*-----------------------------------------------------------------------------------*/

.seznam {
    background: rgba(255, 255, 255, 0.7);
    align-items: center;
    justify-content: center;
    margin: 1%;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 5px 5px 10px rgba(255, 255, 255, 0.7) ;
    width: auto;
    overflow: hidden;
    font-size: 20px;
}

h4 {
    font-size: 40px;
}