body {
    background-color: rgba(89, 234, 242, 0.753);
    margin: 0;
    text-align: center;
}
h1 {
    color: white;
    text-align: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
}
header {
    background-color: rgba(76, 228, 234, 0.753);
    padding: 30px;
    text-align: center;
    color: rgb(154, 203, 208);
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: 30px rgb(156, 156, 156);
}
.button {
    background-color: rgb(156, 156, 156);
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.button1 {
    background-color: rgb(8, 189, 212); 
    color: rgb(255, 250, 250); 
    border: 2px rgb(8, 189, 212);
    border-radius: 50%;
    font-style: normal;
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    transition-duration: 0.4s;
    cursor: pointer;
}
.button1:hover {
    background-color: rgb(4, 170, 165);
    color: white;
}
.button2 {
    background-color: rgb(8, 189, 212); 
    color: rgb(255, 255, 255); 
    border: 2px rgb(8, 189, 212);
    border-radius: 50%;
    font-style: normal;
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    transition-duration: 0.4s;
    cursor: pointer;
}
.button2:hover {
    background-color: rgb(4, 170, 165);
    color: white;
  }
.button3 {
    background-color: rgb(8, 189, 212); 
    color: rgb(255, 255, 255); 
    border: 2px rgb(8, 189, 212);
    border-radius: 50%;
    font-style: normal;
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    transition-duration: 0.4s;
    cursor: pointer;
}
.button3:hover {
    background-color: rgb(4, 170, 165);
    color: white;
  }
.button4 {
    background-color: rgb(8, 189, 212); 
    color: rgb(255, 255, 255); 
    border: 2px rgb(8, 189, 212);
    border-radius: 50%;
    font-style: normal;
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    transition-duration: 0.4s;
    cursor: pointer;
}
.button4:hover {
    background-color: rgb(4, 170, 165);
    color: white;
  }
.button5 {
    background-color: rgb(8, 189, 212); 
    color: rgb(255, 255, 255); 
    border: 2px rgb(8, 189, 212);
    border-radius: 50%;
    font-style: normal;
    font-size: large;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    transition-duration: 0.4s;
    cursor: pointer;
}
.button5:hover {
    background-color: rgb(4, 170, 165);
    color: white;
}
.ja {
    color: white;
    border: 5px;
    margin: 3px;
    padding: 3px; 
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 66%;
}
.profil {
    text-align: center;
}
.kontejner {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 350px;
    height: 600px;
    border-radius: 40%;
    text-align: center;
}
p {
    text-align: center;
    color: white;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: large;
}
table, tr, td {
    text-align: center;
    color: white;
    width: 40%;
}
th {
    text-align: center;
    color: white;
}
.cteni {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 100%;
    height: 200px;
    border-radius: 40%;
    text-align: center;
    border: 5px;
    margin-top: 0%;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Georgia, 'Times New Roman', Times, serif;
    height: 70vh;
}
.cteni1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 300px;
    height: 400px;
    border-radius: 40%;
    text-align: center;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.jazyky {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 250%;
    height: 500px;
    border-radius: 40%;
    text-align: center;
}
.jazyky1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 500px;
    height: 400px;
    border-radius: 40%;
    text-align: center;
}
.omne {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 250%;
    height: 600px;
    border-radius: 40%;
    text-align: center;
}
.omne1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 300px;
    height: 500px;
    border-radius: 40%;
    text-align: center;
}
.zazitky {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 250%;
    height: 300px;
    border-radius: 40%;
    text-align: center;
}
.nemecko {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 500px;
    height: 300px;
    border-radius: 40%;
    text-align: center;
}
.rakousko {
    font-family: Georgia, 'Times New Roman', Times, serif;
    width: 500px;
    height: 300px;
    border-radius: 40%;
    text-align: center;
}