*{
  box-sizing: border-box;
}

body{
  background-image: url("../images/concrete_seamless.png");
  font-family: 'Open Sans';
}


h1{
  margin-left: 100px;
  color: #015770;
}

h2{
  color: #2A8782;
  text-shadow: 0 0 5px grey;
}

a{
  margin-left: 100px;
  text-decoration: none;
  color: #2A8782;
}

ul{
  list-style: none;
  display: flex;
  justify-content: center;
}

li{
  margin: 15px;
}

figure{
  transform: rotate(-5deg);
  text-align: center;
}

img{
  background-color: white;
  padding: 15px;
}

.hidden{
  display: none;
}

.dot.selected a{
  color: green;
}


.dot a{
  text-decoration: none;
  color: black;
  margin: 0;
  padding: 0;
}