.link {
    width: 10%;
    position: absolute;
    top: 100px;
    left: 90%;
}
#maan {
    width: 50%;
}
#maan:hover {
    scale: 1.1;
}
#mars {
    position: absolute;
    width: 50%;
    right: 50%;
    top: 105%;
}
#mars:hover {
    scale: 1.1;
}
#earth {
    position: absolute;
    width: 50%;
    top: 210%;
    right: 51%;
}
#earth:hover {
    scale: 1.1;
}
p {
    position: absolute;
    top: 22%;
    left: 23.6%;
    text-align: center;
    font-size: 15px;
 }   /*fix deze background en de text erop */
 #astro {
    position: absolute;
    left: -6%;
    width: 30%;
    top: 40%;
}
#text {
    position: absolute;
    width: 25%;
    top: 10%;
    left: 17.5%;
}
#showButton {
    position: absolute;
    width: 70px;
    height: 70px;
    background: transparent;
    top: 5%;
    left: 2.5%;
}
#info {
   width: 100%;
}
#content {
    display: none;
}