:root {
    --color-dark:#222222;
    --color-light:#ffffff;
    --color-primary: #96B941;
    --color-secondary: #007bff;
}

body {
    background-color: var(--color-primary); 
}

.Banner {
    text-align: center;
}

.bgWhite {
    background-color: #ffffff;
    color: var(--color-dark);
}

.bgGreen {
    background-color: var(--color-primary);
    color: var(--color-light);
}

#presentationCarousel {
    background-color: var(--color-light);
}

.presentationContainer {
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: var(--color-primary);
}

.codeContainer {
    padding-top: 1%;
    padding-bottom: 0.5%;
    background-color: var(--color-light);
}

.title {
    padding-top: 1%;
    padding-bottom: 1%;
    color: var(--color-light);
    background-color: var(--color-primary);
}

.uploadContainer {
    padding-top: 0%;
    padding-bottom: 0%;
}

.uploadBorder {
    pointer-events: none;
    border-style: dotted;
    border-width: medium;
}

form.dropzone {
    margin-left: 10%;
    margin-right: 10%;
}

.page-footer {
    color: var(--color-light);
    padding-top: 1%;
    padding-bottom: 1%;
}

.footer-link {
    text-align: right;
}

.uploadContainer {
    padding-top: 1%;
    padding-bottom: 1%;
}

.uploadBorder {
    border-style: dotted;
    border-width: medium;
}

a:link {
    color: var(--color-light);
    text-decoration: none;
}

a:visited {
    color: var(--color-light);
    text-decoration: none;
}

a:hover {
    color: var(--color-light);
    text-decoration: none;
}

a:active {
    color: var(--color-light);
    text-decoration: none;
}

.playlistContainer {
    background-color: var(--color-light);
}

.playlistLink {
    color: #333333;
}