/* style.css */

body {
  background-color: #fdf8e5;
  background-image: url('galeria/gallery_background.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #662d27;
  font-family: arial;
  font-size: 14px; 

}

a:link {
  color: #9e4c33;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #9e4c33;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #c9613e;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: #c9613e;
  background-color: transparent;
  text-decoration: underline;
}

.title {
    background-color: rgba(232, 129, 65, 0.4);
       margin: 12px;
         padding: 0px;
           border-radius: 25px;
}

.bannery {
        background-color: rgba(252,180,164, 0.3);
         color: #662d27;
  font-family: arial;
  font-size: 14px; 
          padding: 0px;
              margin: 20px;
                border-radius: 25px;
 
  
}


.gallery{
  background-color: rgba(252,251,227, 0.8);
    display: inline-block;
    border: 0 solid hsl(15, 84%, 62%);
    margin: 5px;
    width: 400px;
}
.gallery .description{
    padding: 10px;
    text-align: center;
}
.gallery:hover{
    border: 1px solid hsl(15, 84%, 62%);
    border-radius: 8px;
    padding: 5px;
}
.gallery img{
    width: 100%;
    height: auto;
}