*{
box-sizing: border-box;
}

body{
font-family: "futura";
}

h1 {
 text-align: center;
}

a {
color: darkgreen;
text-decoration: none;
}

a:hover {
color: darkseagreen;
}

header{
grid-area: header;
}
.header-image {
 display: block;
 margin: 2vw auto;
 width: 20vw
}

/* HOME */
#cuerpo-casa {
  background-color: white;
  }
#home-links {
  display: block;
  position: relative;
  width: 80vw;
  margin: 0 auto;
  }
#linkschnecki {
  position: absolute;
  left: 65%;
  top: 15%;
  width: 15%;
  }
#leuchtturm {
  position: absolute;
  left: 25%;
  top: 37%;
  width: 20%;
 }
#haecksler {
  position: absolute;
  left: 57%;
  top: 50%;
  width: 34%;
}
#papier{
  width: 100%;
  } 
.image-link:hover {
  transform: rotate(10deg)
  }



/* SCHNECKEN */

#snailpage, #linkspage{
  background-image: url("imagenes/papier-karo.png");
  }
    
.snailpics {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 margin: 5vw;
}

.snailpics div {
box-sizing: border-box;
margin: 3vw;
width: calc(50% - 6vw);
overflow: hidden;
position: relative;
}

.snailpics div img {
width: 100%;
height: 100%;
object-fit: cover;
display: block
}


@media (max-width: 600px) {
  .snailpics div {
    box-sizing: border-box;
    margin: 3vw;
    width: 100%;
    overflow: hidden;
    position: relative;
    }
  }

/*JUEGOS*/

.grid {
margin: 0 10vw; 
display: grid;

grid-template: "header header" "links rechts" / 50% 50%;
}

.links {
grid-area: links;
}
.rechts {
grid-area: rechts;
}