body {
    display: flex;
    background-color: black;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
	font-family:arial
}



#image {
    width: 200px;
    height: 200px;
}





.output {
    background-color: #ecc4f2;
    color: rgb(74, 74, 74);
    padding: 10px 20px;
    border-color: #f55da7;
    border-style: solid;
    cursor: pointer;
    font-size: 16px;
    border-radius: 5px;
}

  

#output-container {
    position: absolute;
    top: 15%; /* Vertikal in der Mitte */
    left: 50%; /* Horizontal in der Mitte */
    transform: translate(-50%, -50%); /* Zentriert den Container */
    font-size: 16px;
    font-weight: bold;
    display: none;
    padding: 10px;
}

#startButton{
    position: absolute;
    right: calc(25% - 3em);
    top: calc(50% - 2em);
    height: 3em;
    width: 5em;
    background-color: #CBff00; /* Hintergrundfarbe des Buttons */
    color: rgb(74, 74, 74); /* Textfarbe */
    padding: 10px 20px; /* Innenabstand des Buttons */
    border: none; /* Entfernt die Standardtaste */
    cursor: pointer; /* Zeigt die Handcursor-Anzeige beim Überfahren mit der Maus an */
    font-size: 16px; /* Schriftgröße */
    border-radius: 5px; /* Abgerundete Ecken */

}

#stopButton{
    position: absolute;
    right: calc(25% - 3em);
    top: calc(60% - 2em);
    height: 3em;
    width: 5em;
    background-color: #f55da7; /* Hintergrundfarbe des Buttons */
    color: rgb(74, 74, 74); /* Textfarbe */
    padding: 10px 20px; /* Innenabstand des Buttons */
    border: none; /* Entfernt die Standardtaste */
    cursor: pointer; /* Zeigt die Handcursor-Anzeige beim Überfahren mit der Maus an */
    font-size: 16px; /* Schriftgröße */
    border-radius: 5px; /* Abgerundete Ecken */

}

#video {
    width: 400px; /* Legen Sie die Breite und Höhe des Videos fest */
    height: 400px;
    border-radius: 50%; /* Runden Sie die Ecken des Videos, um einen Kreis zu erstellen */
    border-color: #f55da7;
    border-style: solid;
    box-shadow: 0 0 50px #f55da7; /* Fügen Sie einen Glow-Effekt hinzu */
    object-fit: cover; /* Skalieren Sie das Video, um es im Kreis anzuzeigen */
    overflow: hidden; /* Verbergen Sie den überfließenden Inhalt außerhalb des Kreises */
}


#linkSite{
	
	color:white;
	position: absolute;
  right: calc(50% -2em);
  top: calc(10% - 2em);
  text-decoration:none;
  text-transform:uppercase;
}