@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Kameron');
@import url('https://fonts.googleapis.com/css?family=Spectral');


body{
  /* font-family: 'Roboto Slab', serif; */
  /* font-family: 'Kameron', serif; */
  font-family: 'Spectral', serif;
  background-color: #CCCCCC;
  color: #000000;
}


h2{
  padding-left: 2em;
  text-decoration: underline;
  background-color: #DD5200
}


h3{
  padding-left: 4em;
  background-color: #008800;
  cursor: zoom-in;
}


p{
  padding-left: 8em;
}

ul{
  padding-left: 10em;
  background-color: #CCCCCC;
  color: #000000;
}

.Mej{
  padding-left: 8em;
}


.display {
  display: none;
}

.modal{
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal .innerImg{
  cursor: zoom-in;
  cursor: zoom-out;
  display: block;
  margin: auto;
  width: auto;
  height: auto;
  height: 100%;
  max-width: 100%;
  /* z-index: 10; */
}
.arrow {
  /* display: none; */
  color: red;
  font-size: 10em;
  position: absolute;
  cursor: pointer;
  width: 200px;
  transform: translateY(36vh);
  /* background-image: url(face.jpg); */
  /* background-color: red;
  background-blend-mode: multiply; */
  /* z-index: -1; */
}
.arrow.left {
  /* float: left; */
  /* z-index: 2; */
}
.arrow.right {
  /* z-index: 0; */
  right: 5%;
  top: 0;
  transform: scaleX(-1) translateY(36vh);
  /* float: right; */
}
.decompte{
  position: absolute;
  top: 5vh;
  right: 5vw;
}