body {
    background       : #0d0d24 !important;
    background-image : url(/images/background.webp) !important;
    background-repeat: repeat !important;
    /* Adding !important forces the browser to overwrite the default style applied by Bootstrap */
    color            : #FFF;
    overflow-x       : hidden;
}

.navbar {
    background-color: #0000003b !important;
    border-bottom   : 4px solid #00000038;
}

.border-round {
    border-radius: 50%;
    border       : 2px solid rgba(14, 29, 66, 0.6);
    aspect-ratio : 1;
}

.btn-primary {
    background-color: #2c58bf !important;
    border          : 1px solid #101E3E;
}

.d-flex-vertical {
    display        : flex;
    justify-content: center;
    flex-direction : column;
    align-items    : center;
    text-align     : center;
}

small {
    opacity: .6;
}

.dropdown-pull-right {
    float: right !important;
    right: 0;
    left : auto !important;
}

.dropdown-pull-right>.dropdown-menu {
    right: 0;
    left : auto;
}

.b-divider {
    height: 3rem;
}

.bg-dark {
    background-color: #00000063 !important;
    border          : 2px solid #C5C8EC12;
    border-radius   : 12px;
}

.font-50 {
    font-size    : 50px;
    margin-bottom: 10px;
}

.btn-link {
    background-color: transparent;
    border          : 0px;
    color           : #b1cdec;
    cursor          : pointer;
}

.btn-link:hover {
    text-decoration: underline;
}

.full-width {
    width: 100% !important;
}

.height-32 {
    height: 32px;
}

.autocomplete {
    display                   : grid;
    text-align                : left;
    background-color          : #4c4c663b;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius: 10px;
    padding                   : 5px 40px;
}

.autocomplete span {
    color : #c8c8c8;
    cursor: pointer;
}

.autocomplete span .text-muted {
    color: #638db7bf !important;
}

.text-right {
    float: right;
}

.text-muted {
    color: #3b3d3ebf !important;
}

.text-small {
    font-size: large;
}

.exercise-arrow {
    font-size       : 30px;
    background-color: transparent;
    border          : 0px;
    color           : #FFF;
    text-shadow     : 0px 0px 5px #000;
}

.exercise-arrow:disabled {
    color: #575757;
}

.justify-content-right {
    justify-content: right !important;
}

.align-items-center {
    align-items: right !important;
}

.align-self-center {
    align-self: right !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.blur {
    filter: blur(5px);
}

.p-abs {
    position: absolute;
}

.shadow-6 {
    text-shadow: 0px 0px 6px #000;
}