@font-face {
  font-family: Retro;
  src: url(../fonts/retro_computer.ttf);
}

* {
    image-rendering: pixelated;
}

body {
    background-image: url(../images/space.png);
    background-size: 100%;
    background-repeat: repeat;
}

a {
    font-family: Retro;
    text-decoration: none;
    color: white;
    font-size: 20px;
}

h1 {
    font-family: Retro;
}

.thingy {
    position: absolute;
    filter: drop-shadow(5px 5px 5px black);
    cursor: pointer;
}

.thingy h1 {
    display: none;
    position: relative;
    color: white;
    text-shadow: 2px 2px 3px black;
}

.thingy img {
    width: 100%;
}

.thingy:hover {
    rotate: -10deg;
    filter: drop-shadow(5px 5px 10px white);
}

.thingy:hover h1 {
    display: initial;
}

#orange {
    top: 60px;
    width: 250px;
}

#orange h1 {
    top: -160px;
    left: 30px;
}

#elbsegler {
    top: 80px;
    left: 450px;
    width: 200px;
}

#elbsegler h1 {
    top: -120px;
    left: -10px;
    font-size: 30px;
}

#schwarz {
    top: 60px;
    left: 750px;
    width: 290px;
}

#schwarz h1 {
    top: -160px;
    left: 30px;
}

#braun {
    top: 80px;
    left: 1150px;
    width: 200px;
}

#braun h1 {
    top: -120px;
    left: 30px;
    font-size: 30px;
}

#bierdeckel {
    top: 80px;
    left: 1400px;
    width: 200px;
}

#bierdeckel h1 {
    top: -120px;
    left: -30px;
    font-size: 30px;
}