html {
    background-color: #000000;
    color: #f5f5f5;
}

h1 {
    color: #f5f5f5;
}

a {
    color: #f5f5f5;
}

a:hover {
    background-color: #f5f5f5;
    color: black;
}

.event-description {
    color: #f5f5f5;
}

.event-name {
    color: #d225fb;
    text-shadow: -2px 0 3px rgba(155, 134, 161, 0.6), 2px 0 3px rgba(155, 134, 161, 0.6);
}

.event-info {
    color: #d225fb;
    text-shadow: -2px 0 3px rgba(155, 134, 161, 0.6), 2px 0 3px rgba(155, 134, 161, 0.6);
}

.contact-form-div {
    background-image: linear-gradient(transparent, #7562fd);
}

.contact-form-div button {
    border-color: rgba(255, 255, 255, 0.5);
    color: #f5f5f5;
}

.contact-form-div button:hover {
    background-color: #f5f5f5;
    color: #000000;
}

.contact-form-input {
    border-color: rgba(255, 255, 255, 0.5);
    color: #f5f5f5;
}

.contact-form-input:focus {
    border-color: #f5f5f5;
}

textarea::-webkit-scrollbar-track {
    background-color: rgba(255, 255, 255, 0.2);
}

textarea::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.6);
}

.tab button {
    border-right: solid 1px rgba(255, 255, 255, 0.25);
    color: #f5f5f5;
}

.tab button.active {
    background-color: #f5f5f5;
    color: black;
}

.tabcontent p {
    color: #f5f5f5;
}

.tabcontent .subtitle {
    color: #f5f5f5;
}

.artist-info .artist-name {
    color: #f5f5f5;
}

.artist-info .artist-contact {
    color: #f5f5f5;
}

@media screen and (max-width:800px) {
    .contact-form-div button {
        border-color: rgba(255, 255, 255, 0.5);
        color: #f5f5f5;
    }
}