body {
font-family: Arial, sans-serif;
background: #111;
color: #eee;
text-align: center;
padding: 20px;
}
.login-box, .upload-box {
background: #222;
padding: 20px;
display: inline-block;
border-radius: 10px;
box-shadow: 0 0 10px #000;
}
input, button {
padding: 10px;
margin: 10px;
width: 200px;
border: none;
border-radius: 5px;
}
button {
cursor: pointer;
background: #4caf50;
color: #fff;
}
.error { color: red; }
.gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin-top: 20px;
}
.video-card {
background: #222;
padding: 10px;
border-radius: 10px;
width: 300px;
}
video {
width: 100%;
border-radius: 10px;
}
.deleteBtn {
    background-color: red;    /* Hintergrundfarbe */
    color: white;             /* Textfarbe */
    border: none;             /* Rahmen entfernen */
    padding: 5px 10px;        /* Abstand innen */
    border-radius: 5px;       /* Runde Ecken */
    cursor: pointer;          /* Mauszeiger zeigt Hand */
    font-weight: bold;        /* Text fett */
}

.deleteBtn:hover {
    background-color: darkred; /* etwas dunkler beim Hover */
}
.shareBtn {
    background-color: #0066ff;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    margin-left: 10px;
}
.shareBtn:hover {
    background-color: #0044bb;
}