@font-face{
    font-family: Humanist-A;
    src: url('/fonts/Humanist-A.ttf');
}

@font-face{
    font-family: Humanist-B;
    src: url('/fonts/Humanist-B.ttf');
}

h1, h2, h3, h4, h5, h6 {
    font-family: Humanist-B;
}

.active > .text-success {
    color: #2afa05 !important;
}

.active > .text-warning {
    color: yellow !important;
}

.active > .text-danger {
    color: #f70707 !important;
}

.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, label {
    font-family: Humanist-A;   
}

* {
    scroll-behavior: smooth;
}

body {
    height: 100vh;
    overflow-x: hidden;
}

#root {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

.map-container {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.chat-avatars {
    border-radius: 50%;
    width: 2.3rem;
}

select {
    padding-left: 0.25rem !important;
}


.motion-divs {
    overflow-x: hidden;
}



input.is-invalid {
    box-shadow: inset 0 -1px 0 #e51c23 !important;
}

.form-select {
    background-position: right 0.33rem center !important;
}