body {
    font-family: 'AntartidaRounded', sans-serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

html, body {
    height: 100%;
    width: 100%;
}

main {
    flex: 1;
}


.navbar {
    background-color: #442359 !important;
    cursor: pointer;
}

.footer {
    background-color: #442359 !important;
    text-align: center;
    margin-top: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}

    .footer img {
        height: 40px;
    }

.footer-text {
    color: white;
    font-size: 17px;
}

.notification {
    position: relative;
    display: inline-block;
}

    .notification .badge {
        position: absolute;
        top: 3px;
        right: -6px;
        border-radius: 50%;
        color: white;
        font-size: 10px;
        display: inline-block;
    }

#logo {
    height: 80px;
    transition: height 0.3s ease-in-out;
}

.navbar.shrink #logo {
    height: 40px;
}