@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.cdnfonts.com/css/caros-soft');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:slnt,wght@-10..0,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --manrope-font: 'Manrope', sans-serif;
    --poppins-font: 'Poppins', sans-serif;
    --caros-soft-font: 'Caros Soft', sans-serif;
    --urbanist-font: 'Urbanist', sans-serif;
    --inter-tight-font: 'Inter Tight', sans-serif;
    --inter-font: 'Inter', sans-serif;
    --dm-sans: 'DM Sans', sans-serif;
    --blue-text-color: #373a68;
    --blue-color: #5b59e6;
    --blue-light-color: rgba(91, 89, 230, 0.76);
}

.font-dm-sans {
    font-family: var(--dm-sans), sans-serif;
}

body {
    background: url('../../media/generic/background.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#wrapper {
    background: #F9F9F9;
}

.navbar-items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fcfcfc;
    box-shadow: -3px 0 25px #4673F360;
    border-radius: 15px 15px 0 0;
}

.navbar-item {
    flex: 1;
    text-align: center;
}

.active > i {
    color: #5959E6;
}

.header-text {
    font-size: 1.7rem;
    font-weight: 500;
    font-family: var(--caros-soft-font);
}

.main-wrapper {
    margin-bottom: 5rem;
}

@keyframes modal-enlarge {
    from {
        transform: scale(.6);
    }
    to {
        transform: scale(1);
    }
}

.modal.fade .modal-dialog {
    animation: modal-enlarge .2s ease-out;
}

.mini-heading {
    font-family: var(--dm-sans);
    font-size: 1.1rem;
    font-weight: 600;
}

.alert, .dm-sans {
    font-family: var(--dm-sans);
}