body {
    background-color: rgb(243, 142, 209); /* Pinker Hintergrund */
    text-align: center;                /* Text mittig ausrichten */
    padding: 20px;                     /* Innenabstand */
    position: relative;                 /* Positionierung für Container */

    margin: 0;                         /* Standardmargins entfernen */
    border-left: 60px solid rgb(248, 8, 168); /* Hellpink Rand links */
    border-right: 60px solid rgb(248, 8, 168); /* Hellpink Rand rechts */
    box-sizing: border-box;            /* Umfasst Polsterung und Rand */
    height: 100vh;                     /* Volle Höhe des Viewports */


}
h1 {
    font-family: 'Zing Rust', cursive; /* Verspielt Schriftart */
    color: rgb(9, 250, 9);             /* Grüner Titel */
}

p {
    background-color: rgb(248, 8, 168);       /* Hellblauer Hintergrund */
    color: rgb(20, 239, 9);                      /* Schwarzer Text */
    border: 2px solid rgba(0, 0, 0, 0.016);           /* Schwarzer Rand */
    display: inline-block;             /* Inline-Block für Rand-Anpassung */
    padding: 10px;                     /* Innenabstand */
    margin-top: 20px;                  /* Abstand zum Titel */
}
table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #dddddd02;
    padding: 8px;
    text-align: left;
    color:rgb(9, 250, 9)
}
th {
    background-color:rgb(248, 8, 168);
}
a{
color:rgb(9, 250, 9)


}

.stero {
    position: absolute;                     /* Absolute Positionierung */
    top: 450px;                             /* Festlegen des vertikalen Abstands vom oberen Rand */
    left: 60px;                             /* Festlegen des seitlichen Abstands vom linken Rand */
    display: inline-block;                  /* Damit der Container nur so groß wie das Bild ist */
}

.stereo img {
    width: 150px;                         /* Größe des Tunnel-GIFs anpassen */
    height: auto;                         /* Seitenverhältnis beibehalten */
    max-width: 100%;                     /* Sicherstellen, dass das Bild responsiv bleibt */
}

.bigstereo{
    position: absolute;                     /* Absolute Positionierung */
    top: 450px;                             /* Festlegen des vertikalen Abstands vom oberen Rand */
    left: 60px;                             /* Festlegen des seitlichen Abstands vom linken Rand */
    display: inline-block;                  /* Damit der Container nur so groß wie das Bild ist */
}

.bigstereo img {
    width: 150px;                         /* Größe des Tunnel-GIFs anpassen */
    height: auto;                         /* Seitenverhältnis beibehalten */
    max-width: 100%;                     /* Sicherstellen, dass das Bild responsiv bleibt */
}
.tunnel-second {
    position: absolute;                     /* Absolute Positionierung */
    top: 450px;                             /* Festlegen des vertikalen Abstands vom oberen Rand */
    right: 60px;                             /* Festlegen des seitlichen Abstands vom rechten Rand */
    display: inline-block;                  /* Damit der Container nur so groß wie das Bild ist */
}

.tunnel-second img {
    width: 150px;                         /* Größe des Tunnel-GIFs anpassen */
    height: auto;                         /* Seitenverhältnis beibehalten */
    max-width: 100%;                     /* Sicherstellen, dass das Bild responsiv bleibt */
}

.browser-text {
    position: absolute;                     /* Absolute Positionierung */
    top: 50%;                               /* Vertikal zentrieren */
    left: 50%;                              /* Horizontal zentrieren */
    transform: translate(-50%, -50%);      /* Anpassen für exakte Zentrierung */
    color: rgb(29, 251, 4);                          /* Textfarbe */
    font-size: 18px;                       /* Textgröße anpassen */
    text-align: center;                    /* Text zentrieren */
}