a {
    color: inherit;
    text-decoration: none;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

#backgroundImage {
    position: fixed;
    z-index: -1;
    opacity: 0.2;
    width: 100%;
}

.carouselImage {
    height: 500px;
    object-fit: cover;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.carouselImageReferences {
    height: 400px;
    width: 400px;
    object-fit: scale-down;
}

.carouselText {
    text-shadow: 1px 1px 30px #242424;
}

.carouselTitle {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 100px;
}

.carouselSubtitle {
    font-family: 'Courier New', Courier, monospace;
    font-size: 25px;
}


.counter {
    text-align: center;
}

.counter-count {
    font-size: 50px;
    font-weight: bold;
    position: relative;
    color: #000000;
    text-align: center;
    display: inline-block;
}

.statisticsCol {
    text-align: -webkit-center;
}

@keyframes fillUp {
    from {
        color: transparent;
        background-color: transparent;
    }
    to {
        color: rgb(76, 173, 176);
        background-color: rgb(248, 249, 250, 0.9);
    }
  }

.card {
    height: 150px;
    width: 150px;
    color: rgb(76, 173, 176);
    background-color: rgb(248, 249, 250, 0.9);
    border-radius: 50%;
    border: 2px rgb(76, 173, 176) solid;
    justify-content: center;
    animation-name: fillUp;    
    animation-duration: 4s;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

#founderImage {
    width: 25%;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #c1c1c1;
}

#founderDescription {
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .carouselImage {
        height: 200px;
    }

    .carouselTitle {
        font-size: 30px;
    }
    
    .carouselSubtitle {
        font-size: 15px;
    }

    #backgroundImage {
        width: 100%;
        height: 100%;
    }

    .card {
        scale: 70%;
    }

    #founderImage {
        width: 80%;
    }

    #founderDescription {
        width: 80%;
    }

    .footerContainer {
        font-size: 70%;
    }

    .carouselImageReferences {
        height: 200px;
        width: 200px;
    }

    .referencesVStack {
        font-size: 10px;
    }
}