/*sablona pre index.html*/

body{background-color: rgb(26, 88, 201);}

header{display: flex;
       justify-content:space-between ;}

nav > a{ text-decoration: none;
         color:black;
         border-right: solid 3px black;
        padding-right: 5px; }

@media(max-width:480px){
    header{display: inline;}

    nav{display: flex;
       flex-direction: column;
        gap:10px}

    nav > a {border: solid 2px black;}
    h4{margin-bottom: 40px;}
}
/*koniec zakladne rozlozenie*/

.uvod {background-color: rgb(218, 160, 160);}

img{width: 100px;
    height: 100px;
margin: 0;
padding: 0}
h2{margin-bottom: 10px;}

.galeria{display: flex; 
    flex-direction: row; 
    flex-wrap: wrap; 
    justify-content: center;
    /*dvojicka align-content a height!!!!!*/
align-content: center;
height: auto;
gap:15px;
width:100%}

/*zaluby*/
.zaluby{background-color: rgb(160, 142, 181);}
a:link{color:rgb(122, 48, 69);
    text-decoration: none;}
    a:hover{color:rgb(76, 28, 42);
    font-size: 1.2em}
    
    ol{color: rgb(60, 17, 103);
    list-style-type: upper-roman;}
    ul{color: rgb(10, 10, 78);
    list-style-type: square;}
    ul.u2{color: rgb(103, 4, 60);
    list-style-type: circle;}


/*kariera*/
.kariera{background-color: rgb(132, 171, 183);}
p{font-size: larger;}
.rozvrh{border-spacing: 0px;
table, th, td {border: 1.5px solid rgb(5, 5, 5); border-collapse: collapse; padding: 10px; align-items: center; justify-content: center; margin: 5px;}
img{width: 100px;
height: auto}
.nonlove{background-color: rgb(89, 211, 211);}
thead{background-color: rgba(26, 46, 110, 0.5);}
caption{font-family: 'Times New Roman', Times, serif;
text-shadow: 1px 1px rgb(129, 129, 202);}
li{text-align: left;}
}

/*projekty*/
.projekty{background-color: rgb(211, 144, 182);}
.certifikat{width: 400px;
height: 250px}
.logo{width: 250px;
height: 250px} 



div{line-height: 1.5;
font-weight: lighter;
font-size: larger;}