img{max-width:10%; height:auto}

body{background-color:#cdc5b4;
    background-repeat: no-repeat; 
    background-size: cover;
    background-attachment:fixed ;
    background-position: absolute;
    }

    .vlajka{height:2vw; width:3vw;
        border-radius: 0.7vw;
        opacity: 0.7;
        float:right;
        padding: 0.2vw
    }

.vlajka:hover{opacity:0.9}

.menu{font-size:2vw;
    text-align: center;
    font-family:'Times New Roman', Times, serif; 
    color:#554b46;
    left:10%;
    }
.menu:hover{/*font-family:'Times New Roman', Times, serif;*/ font-size: 2.1vw; color: #3d274d;}

nav{background:#b59da4;
    border-radius: 2vw;
    text-align: center;
    position:absolute;
    top:15%;
    left: 6%;
    right: 6%;
    height:5%;
    max-width: 100vw;}

.telo{position:absolute;
top:25%;
  left:10%;
  height:4%;
  width:75%;
  font-family: monospace;
  letter-spacing: 0.05vw;

  font-size:1.4vw; 
  color:#554b46;
    }

    .blok{
        background-color:#b59da4;
        height: 20vw;
        margin-top:5%;
        max-width:87vw;
        height:30vw;
        padding: 5px;
        display:flex;
        margin-left: 6%;
        margin-right: auto;
    border-radius: 2vw; }

    .blok2{
        background-color:#b59da4;
        height: 20vw;
        width:87vw;
        height:20vw;
        padding: 5px;
        display:flex;
        margin-left: 5%;
        margin-right: auto;
    border-radius: 2vw; }


.pozadie{background:rgb(148, 182, 212);
    top:25%;
    width:100vw;
    align-items: center;
    border-radius: 2vw;}

.prace{position:absolute;
    top:65%;
    left:10%;
    font-family: monospace; 
    font-size:1.4vw; color:#554b46}

hr{color:#554b46}

h2{/*text-align:center;*/
     font-size:3vw;
     color:#554b46;
    margin-left:38%}

h1{text-align:left; font-size:3vw; color:#20232c}

h3{text-align: left;
    top:50%;
    text-align: center;
    font-size:2vw;
    font-family:'Times New Roman', Times, serif;
    color:#554b46}

h4{text-align: left;
    margin-top:2vw;
    margin-left: 10vw;
    font-size:2vw;
    color:#554b46}
    
div{margin-top: 4%}

/*ROZVRH*/
    table,th,td
    {border:1px solid ;
    border-collapse: collapse;
    text-align: center;
    color:#554b46;
    margin-top: 1%;
    margin-bottom: 2%;}

/*zarovnanie tabulky na stred*/
.table{margin-left:auto; 
    margin-right: auto;
    background-color:#b59da4;
    background-repeat: no-repeat; 
    background-size: cover;
    background-attachment:fixed ;
    background-position: absolute;
    top:40%}

/*velkost buniek*/
th,td{width:6vw;
    height: 3vw;}

/*table{background-color: rgba(183, 112, 133, 20%)}*/

hr{color:#8238b7}

.obrazky{
    display:flex;
    justify-content: center;
    margin-bottom: 8vw;}
    
.obrazky1{width: 120vw;
    height: auto;
    margin-right: 4vw;
    border-radius: 2vw;}

a{color:#2d222d;
text-decoration: none;}

caption{
    top:90%;
    font-size:1.5vw; 
    text-align: center;
    font-family:'Times New Roman', Times, serif; 
    color:#554b46}
ul{text-align: left;}
td{padding-left: 0px;}

li{font-family: monospace;
    font-size:1.3vw; 
    text-align: left;
    font-family:monospace; 
    color:#554b46}

.footer1{
    top:95%;
    left:45%;
    text-align: center;
    font-size:1vw;
    font-family: monospace;
    color:#554b46;
    position:fixed}