body{
background: #8A4AB0;

color: #52084A;
font-family: "Oswald", sans-serif;
}
h1, h2{
    font-size: 2.5rem;
    text-align: center;
}
h2{
    font-size: 1.5rem;   /* poznámka */
}
div.celyweb{
    margin: auto;
    max-width: 999px;
    background:#C88AED;
    border:5px solid purple;
    border-radius:0px 0;
    padding-bottom: 30px;
  }
p{
   margin:5px 10px;
   font-size: 1.1rem;
   color: #5C205C;
   font-style: normal;
  }
p img{
    border: 5px solid purple;
    float: left;
    margin:25px;
  
 
   
}
p img:hover{
     border: 5px solid #260222;
     box-shadow: 0 0 15px #BE00FF;

}

   

p a:hover{
    color: #260222;
    text-decoration: none;
}
.menu a {
    width: 230px;
    height: 80px;
    background: #3C1452;
    color: #A170B3;
    font-size: 1.5rem;
    display: block;
    text-decoration: none;
    line-height: 80px;
    text-align: center;
    margin: 3px;
    border-radius: 999px;
    transition: 0.5s;
    border: 5px solid #855D94;
 
    }
    div.menu a:hover{
letter-spacing: -7px;
background: #A170B3;
color: #3C1452;
  box-shadow: 0 0 15px #BE00FF;
}
div.menu {
    display: flex;
   flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

     
 
      
  p img.mini{
     height:150px;
     width:auto;
     border:5px solid purple;
     margin: 25px;
      transition: 0.3s;
     
     
 }
  
  img.mini{
     height:200px;
     width:auto;
     border:5px solid purple;
     margin: 40px;
      transition: 0.3s;
     

     
 }
 img.mini:hover{
 border: 5px solid #260222;
 transform: scale(1.05);
    transition: 0.3s;
    box-shadow: 0 0 15px #BE00FF;
 }
h3, h4 {
    font-size: 0.8rem;  
    text-align: center;
    opacity: 0.7;
    clear: both;
    margin-top: 20px;
}
 
 ul{
     color:Purple;
     list-style-image:url(img1/odr1.png);
 }
 ul ul {
  list-style-image: url(img1/odr2.png);
}


ul ul  a {
  color: #5C205C; 
  text-decoration: underline;
  list-style-image:url(img1/odr2.png);
}

ul ul  a:visited {
  color: #5C205C; 
  list-style-image:url(img1/odr2.png);
}

 ul ul  a:hover{
     color: #260222;
    text-decoration: none;
      list-style-image:url(img1/odr2.png);
 }
 
 h3 a {
  color: #5C205C; 
  text-decoration: underline;
}

h3 a:visited {
  color: #5C205C; 
}

h3  a:hover{
     color: #260222;
    text-decoration: none;
 }