body{background: url(obrazky/gjarbg.jpeg) no-repeat fixed
    ;background-size:100vw 100vh
    ;text-align:center
    ;font-size:1.2em
    ;font-family:Verdana,Calibri,sans-serif
    ;padding-right:10px
    ;padding-left:10px
    ;}

.odkazy{display:flex
    ;flex-direction:row
    ;justify-content:space-around
    ;text-align:left
    ;font-size:20px
    ;}
header h1{display:flex
    ;flex-direction:row
    ;justify-content:space-around
    ;}
.rozvrh{border:2px solid black
    ;background-color: lightgreen
    ;width:90%
    ;height:400px
    ;margin-left:5%
    ;}
    /*Zmenil som veľkosť rozvrhu na 90% namiesto 100% a pridal som príkaz:margin-left:5% , aby sa zarovnal do stredu.*/
.rozvrh, td, th{border: 1px solid black
    ;border-collapse:collapse
    ;}

.L{display:flex
    ;flex-wrap:wrap
    ;justify-content:space-around
    ;flex-direction:column
    ;align-items:flex-start
    ;flex:40%
    ;padding: 0 5%
    ;}
.R{display:flex
    ;flex-wrap:wrap
    ;justify-content:space-around
    ;flex-direction:column
    ;align-items:flex-start
    ;flex:40%
    ;padding: 0 5%
    ;}
.skills{display:flex
    ;flex-direction:row
    ;align-items:flex-start
    ;text-align:left
    ;background-color:rgba(120,200,200,0.7)
    ;}
.skills2{display:flex
    ;flex-direction:row
    ;align-items:flex-start
    ;text-align:left
    ;background-color:rgba(50,200,50,0.7)
    ;}
nav{background-color:rgba(200,200,120,0.7)
    ;}
main{background-color:rgba(255,255,255,0.7)
    ;}
h1{background-color:rgba(120,200,200,0.7)
    ;}
a{color:black
    ;text-decoration:none
    ;}
a:hover{color:black
    ;background-color:rgba(120,200,200,0.7)
    ;}
.galeria{display:flex
    ;flex-wrap:wrap
    ;align-items:flex-start
    ;}
.galeria img{max-width:33%
    ;height:auto
    ;}
.mainimg{width:60%
    ;height:auto
    ;padding:2.5% 20%
    ;}
.intro{background-color:rgba(100,100,100,0.5)
    ;}
footer{background-color:rgba(200,120,200,0.7)
    ;}
@media (max-width: 800px)   {.skills{flex-direction:column}}
@media (max-width: 800px)   {.skills2{flex-direction:column}}
/*Pridal som: @media (max-width: 600px)   {.skills{flex-direction:column}}. */    
@media (max-width: 800px)   {.galeria img{max-width: 50%;}}                         
@media (max-width: 500px)   {.galeria img {max-width: 100%;}}
@media (max-width: 800px)   {.mainimg{width:70%;height:auto;padding:2.5% 15%;}}
@media (max-width: 500px)   {.mainimg{width:80%;height:auto;padding:2.5% 10%;}}
.free{display:flex
    ;flex-wrap:wrap
    ;width:60%
    ;height:auto
    ;padding:5% 20%
    ;}
.sports{display:flex
    ;flex-wrap:wrap
    ;align-items:flex-start
    ;}
.sports img{max-width:33%
    ;height:auto
    ;}
@media (max-width: 700px)   {.sports img {max-width: 100%;}}
@media (max-width: 700px)   {.free {width: 90%;padding: 0% 5%;}}
@media (max-width: 600px) {.odkazy b {font-size: 0.7em;}}
@media (max-width: 600px) {body {font-size: 1em}}