header  {
    background-image:url(obrazky_web/pozadi.jpg;
    color: white;
    overflow: hidden;
    margin:  0px 0px;
    display: flex;
    padding-left: 1.5%;}

.navigace {
background-color: 		#778899		;
    overflow: hidden;
    display: flex;
    width:100%;
    margin: 0px; }

.navigace a:hover {
    background: #4682b4;
    color: white
    }

.navigace a {
    font-family: arial, sans-serif;
    font-weight: bold;
    float: left;
    color: white;
    text-align: center;
    padding: 15px 15px;
    margin: 0px 10px;
    border:5px solid 	#778899	;
    text-decoration: none;
    font-size: 17px;}    
 
section {
    font-size: large;
    text-align: justify;
    margin: 5% 5%;
    display:grid;
    }
    
body{
background-color:#e6e6fa;
}

body{
background-color:#47d6de;
}
.head{
    background-color:	#4682b4;
    color: white;
    padding-left:1.5%;
    }

article{
    font-family:arial, sans-serif;
    font-size:large;
    background-color:#b0c4de;
    padding:10px;
    border:5px solid #4682b4;}
    
table{
    text-align:center;
    width: 100%;
    height: AUTO;
    margin-top:15px;
    padding:15px;
    border:15px double #4682b4;
    background-color:#b0c4de}

/*o mně*/
 
.c1/*o mně*/{
    grid-column:3/span 4;
    grid-row:;1
    padding: 0px;
    margin: 40px;}

.c2/*dětství*/{
    grid-column:3/span 4;
    grid-row: 2;
    margin:40px;}
    
.c3/*koníčky*/{
    grid-column:3/span 4;
    grid-row:3;
    margin:40px}
    
.c4/*co po škole*/{
    grid-column:3/span 4;
    grid-row:4;
    margin:40px
    }
    
.obr1/*já*/{
    grid-column:1/span 2;
    grid-row:1;
    width: 25%;
    height: AUTO;
    border:15px double #4682b4}
    
.ikona1/*koník*/{
    grid-column:1/span 2;
    grid-row:2;
    width: 100%;
    height: AUTO;
    text-align: center;
    margin-top: 27%;
    margin-left:25%}
      
.ikona2/*nářadí*/{
    grid-column:1/span 2;
    grid-row:3;
    width: 100%;
    height: AUTO;
    text-align: center;
    margin-top:18%;
    margin-left:25%
     }
    
.ikona3/*otazník*/{
    grid-column:1/span 2;
    grid-row:4;
    width: 100%;
    height: AUTO;
    text-align: center;
    margin-top: 15%;
    margin-left:25%}

h1 {
    font-size: 50px;
    }
h2 {
    font-size: xxx-large;
    }
h3 {
    font-size: xx-large;}

.obr2{
    
    width: 98%;
    height: AUTO;
    border:15px double #4682b4;
    margin-top:15px;}

.obr3{
    width: 50%;
    height: AUTO;
    margin-top:15px;
    padding:15px;
    border:15px double #4682b4;
    background-color:#b0c4de} 
         
.obr4{
    width: 50% ;
    height: AUTO;
    margin-top:15px;
    padding:15px;
    border:15px double #4682b4;
    background-color:#b0c4de}
.obr5{
    width: 50% ;
    height: AUTO;
    margin-top:15px;
    padding:15px;
    border:15px double #4682b4;
    background-color:#b0c4de} 
           
footer {
    background-color: 	#4682b4;
    color: white;
    overflow: hidden;
    margin:  0px 0px;
    padding-left: 1.5%;
    font-size: 17px;}