@font-face {
    src: url("../fonts/Nunito-Bold.ttf") format('truetype');
    font-family: "Nunito";
    font-weight: bold;
}

@font-face {
    src: url("../fonts/Nunito-Light.ttf") format('truetype');
    font-family: "Nunito";
    font-weight: 200;
}

@font-face {
    src: url("../fonts/Nunito-Regular.ttf") format('truetype');
    font-family: "Nunito";
    font-weight: normal;
}

body {
    background: #F7F9FB;
    font-size: 18px;
    font-family: "Nunito", sans-serif;
    color: #212529;
}

.nav {
    flex-wrap: wrap;
    list-style: none;
    justify-content: space-between;
    align-content: space-between;
}

.nav-item {
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(33, 37, 41, 0.25);
    border-radius: 10px;
    transition: all .3s ease-in-out;
    margin: 5px 0;
}

.nav-item:hover {
    transform: translateY(-5px);
    transition: all .3s ease-in-out;
    box-shadow: 0 0 8px rgba(33, 37, 41, 0.25);
}

.nav-item > a {
    color: #212529;
    cursor: pointer;
    margin: 5px;
}

a {
    color: #212529 !important;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;
}

.box {
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(33, 37, 41, 0.25);
    border-radius: 10px;
}

.modal {
    box-shadow: 0 0 4px rgba(33, 37, 41, 0.25);
    border-radius: 10px;
}

.btn {
    border: none;
}

.btn-primary {
    background: #3674FF;
}

.btn-success {
    color: #f3f3f3;
    background: #0BBD5C;
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:active {
    background: #6C5CE7 !important;
    color: #f3f3f3 !important;
}

.btn-danger, .btn-danger:hover, .btn-danger:active {
    background: #FC524A !important;
    color: #f3f3f3 !important;
}

.card {
    border: none;
    transition: all .3s ease-in-out;
}

.card:hover {
    transform: translateY(-5px);
    transition: all .3s ease-in-out;
}

.modal-backdrop.show {
    opacity: 0.3;
}