body{


background-image:url(img/Doubravskemore.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
color: #dedede;


}
h1, h2{
    font-size: 2.5rem;
    text-align: center;
    font-family:"Blaka_Hollow";
    color:#ffffff;
}

h1{
    background-color:#1f1f1f;
   border:5px solid #444444;
   border-radius:30px;
}
h2{
    font-size: 1.9rem;   /* poznámka */
}
/*h1:hover,h2:hover{
    
     transform:scale(0.01);
    transition:10s;
}*/

.celyweb{
    margin:auto;
    max-width:1200px;
    background:#191919;
    border:5px dashed #ffaa00;
    border-radius:10px;
    padding:20px;
    
}
p{
    margin:20px 30px;
    font-family: "Bungee";
    border:1px dashed #343434;
    border-radius:30px;
    padding:10px;
    background:rgba(50,50,50,0.25);
    
}
  /*  p img {

transition:transform 10s ease;
}
p:hover{
    transform:scale(3);
    transition:10s;
     font-weight:900;
    background:rgba(0,0,128,0.6);
    border:30px dotted rgba(0,128,128,0.5);
    border-radius:40px;
    margin:30px;
    padding:10px;
}*/
    p img{
    border:5px solid #4a4a4a;
    float:left;
    /*rotate: 5deg; */
    margin:20px;
    transition:cubic-bezier(0.3, -0.1, 0.25, 2) 3s;
    
}
div.menu{
display: flex;       /* to jak se zobrazuje element, elementy vedle sebe */
flex-wrap: wrap;        /* jestli se to muze zalomit nebo ne, bez wrapu se tlaci k sobe, s wrapem se da na dalsi radek */
justify-content: center;       /* horizontalni zarovnani */
align-items: center;        /* vertikalni zarovnani, jenom ve flexu */

}
.obsah{
    padding: 0 50px;
}
div.menu a {
width: 250px;
height: 40px;
background:  #838383;
color: #000000;
font-size: 1.5rem;
display: block;     /* vychozi rozlozeni elementu, zabere maximalni sirku timpadem dalsi jde pod nej */
text-decoration: none;      /* podtrhnuti textu */
line-height: 40px;      /* vyska radku */
text-align: center;
margin: 3px;
border-radius: 999px;
transition: 4s;
border:6px solid #afafaf;
font-weight:600;
letter-spacing:0.5px;
}
div.menu a:hover{
letter-spacing: -2px;
background: #315468;
color: #1c1a33;
text-align: center;
border:6px solid #525252;
transition:3;
}


.hlavicka{
    border-radius:6px 6px 0px 0px;
    border:5px solid #161616;
    width:97.5%;
    height:auto;
    margin:7.5px;
   /* transition:transform 10s ease;*/
}
.hlavicka:hover{
     border:15px solid #666666;
     transition:cubic-bezier(0.6, -0.1, 0.25, 3) 4s;
     transform:scale(0.95);
}
.blaka-hollow-regular {
  font-family: "Blaka Hollow";
  font-weight: 400;
  font-style: normal;


}

 img:hover{
    transform:scale(1.05);
    transition:cubic-bezier(-0.3, 0.15, -2, 0.3) 6s;
    border:7.5px solid #dfdfdf;
}
 a{
    color:#0055ac;
    text-decoration: none;
}
 a:hover{
    color:#ff0000;
    transform: scale(90) cubic-bezier(0, -2.68, 1, 2.04);
    transition:1s;
    
}
/*.galeriestyl{
    border-radius:20px 60px 20px 0;
    border:30px dashed #654575;
    font-size:4rem;*/
  
    .bungee-regular {
  font-family: "Bungee", sans-serif;
  font-weight: 400;/*400-normalni;700 Ctrl+B-bold*/
  font-style: normal;
}
.Galerie div:hover {
transform:scale(1.25);
transition:3s;

}
ul{
    color:#a7d7ff;
    font-size:1.8rem;
    list-style-image: url(img/odr1.png);
}
ul ul{
    color:#4cc566;
    font-size:1.5rem;
    list-style-image: url(img/odr2.png);
}
.odkaz{
    color:#5c94ff;
}
.mini{
    height:200px;
    width:auto;
    border:10px dashed #d3cada;
    margin:40px;
}
.obrazky{
    text-align:center;
    padding:40px;
}