/* profesionálna stránka */

body{
    background-color: rgb(192, 192, 99);
    margin:0px;
    padding:0px;
    font-family: Arial, Helvetica, sans-serif;
}

/* hlavička */
header{
    background-color: rgba(3, 153, 240, 0.664);
    height: 10vh;
    display:flex;
    align-items:center;
    justify-content:center;
    
    font-weight: bold;
}

/* kontajner */
.kontajner{
    width:100vw;
}

/* navigácia */
nav{
    background-color: rgba(14, 10, 245, 0.719);
    height: 8vh;
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:20px;
}

nav a{
    text-decoration:none;
    color:rgb(228, 6, 6);
    font-weight:bold;
    
}



/* hlavná časť */
main{
    background-color: rgb(255, 255, 255);
    height: 75vh;
    overflow: auto;
    padding:20px;
    box-sizing:border-box;
    table,td,th{border:1px rgb(20, 1, 1) solid;
            border-collapse: collapse;
        }

 body{background-color: rgba(62, 163, 34, 0.226);
     font-family: Arial;
     font-size: 1.5em;
     line-height: 1.7;}

table{margin:auto;
      padding: auto;}  
th,td {width: 22vw;
       height: 9vh;}
    table{color: rgb(2, 255, 23);}

thead{background: linear-gradient(81deg,rgb(219, 133, 3) 0%, rgba(230, 114, 6, 0.425) 28%, rgb(3, 109, 9) 61%, rgba(250, 250, 2, 1) 100%);}
table{background-image: url('https://media.licdn.com/dms/image/v2/D5612AQEJ_iYl8EM60w/article-cover_image-shrink_720_1280/B56ZZwkJgoGoAI-/0/1745645247332?e=2147483647&v=beta&t=44oIg6c6yQQUdc5Ix8BFdVtfeEIf9xx24fJnW1YZMlM');}
caption{text-shadow: 0.8px 1px rgb(255, 136, 0);
     text-transform: uppercase;
     font-weight: 800;}


}

/* footer */
footer{
    background-color: rgba(235, 4, 4, 0.705);
    height: 7vh;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    
}

/* desktop verzia */
@media(min-width:481px){

.kontajner{
    display:flex;
    width:100vw;
    flex-direction: row;
}

nav{
    background-color: rgba(7, 23, 250, 0.719);
    height: 83vh;
    box-sizing:border-box;
    width: 250px;
    flex-direction:column;
}

main{
    background-color: rgb(255, 255, 255);
    height: 83vh;
    overflow:auto;
    box-sizing:border-box;
    flex-grow:1;
}
}