*{
box-sizing: border-box;
}

body{
font-family: "futura";
}

h1 {
 text-align: center;
}

header{
grid-area: header;
}
.header-image {
 display: block;
 margin: 3vw 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%;
  }
#papier{
  width: 100%;
  } 
.image-link:hover {
  transform: rotate(10deg)
  }



/* SCHNECKEN */

#snailpage{
  background-image: url("imagenes/papier-cut.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;
}