/*
    this css is defines the overall site style
*/
:root {
    --dbsBlack: #3A3A3A ;
    --dbsGrey: #C3C3C3 ;
    --dbsWhite: #ffffff ;
    --dbsColour1: #3E325A ;
    --dbsColour2: #C5006A ;
    --dbsColour3: #B8B1D4 ;
    --dbsColour4: #E6E6E6 ;
}

html, body {

}
p {
    font-size: 1.4rem ;
}
a {
    color: var(--dbsColour2) ;
}
a:hover {
    text-decoration: none ;
    font-weight: 600 ;
    color: var(--dbsColour2) ;
}
.middle {
    text-align: center ;
}
.containerHeader {
    background-color:  var(--dbsWhite) ;
    height: 150px ;
    position: fixed ;
    top: 0px ;
    width: 100% ;
    z-index: 50000 ;
} 

.containerContent {
    padding: 10px ;
    padding-bottom: 70px ;
    margin-top: 150px ;
}

.containerFooter {
    position: fixed ;
    bottom: 0 ;
    width: 100% ;
    height: 50px ;
    color:  var(--dbsWhite) ;
    background-color: var(--dbsBlack) ;
    text-align: center ;
    padding-top: 20px ;
    padding-bottom: 0px ;
    padding-left: 10px ;
    padding-right: 10px ;
    font-family: Helvetica, serif ;
}

.containerFooter a:link {
    color: var(--dbsWhite) ;
}

.containerFooter a:visited {
    color: var(--dbsWhite) ;
}

.containerFooter a:hover {
    color: var(--dbsColour3) ;
}
.app-footer-left {
    width: 100% ;
    text-align: center ;
}

.logo-src {
    padding-top: 5px ;
    padding-bottom: 5px ;
}

.app-logo {
    display: flex !important ;
}

.mb-0 {
    border: 2px solid var(--dbsWhite) ;
}