body{
  background-color: rgb(187, 223, 255);
  text-align: center;
  font-family: arial,sans-serif;
}

.container{
 background-color: rgb(208, 227, 245);
 max-width: 1000px;
 margin-left: auto;
 margin-right: auto;
}

.header{
 background-image: url(taustakuva.jpg);
 height: 200px;
 background-size: cover;
}
h1.ylaotsikko{
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #408596;;
}

.nav{
background-color: #fff;
padding: 6px;
margin-bottom: 20px;

}

.main{
margin-left: 10px;
margin-right: 10px;
}
.taiteilija{
  margin-left: 30px;
  margin-right: 100px;
  text-align: left;
}

.yhteys{
  margin-left: 70px;
  margin-right: 300px;
  text-align: left;
}

.footer{
background-color: #333;
color: #fff;
padding: 30px;
margin-top: 40px;
}

img{
    border: 10px solid #fff;
}
figure{
display: inline-block; /* kuten img:t */
position: relative; /* jotta kuvatekstit osaavat mennä oikeaan paikkaan */
margin: 0;
}

figcaption{
  background-color: rgba(0,0,0,0.5);
  color: white;
  width: 200px;
  position: absolute;
  left: 10px;
  bottom: 13px;
  padding: 6px;
  box-sizing: border-box;
  visibility: hidden;
  pointer-events: none;

}

figure:hover figcaption {
  visibility: visible;
}