.img-circle {
    border-radius: 50%;
    height: 250px;
    width: 288px;
    margin: 0 auto;
}

.mini-card-images {
    max-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    font-size: 50px;
}

html body {
    background-color: rgb(255, 248, 240);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.navbar-background {
    background-color: rgb(123, 154, 240);
}
/* Not being used currently */
@font-face {
    font-family: "CustomFont";
    src: url("CustomFont.eot");
    src: url("../fonts/SourceSansPro-Black.otf") format("opentype"),
        url("CustomFont.otf") format("opentype"),
        url("CustomFont.svg#filename") format("svg");
}

.image {
    background-image: url("../images/nauBackground.jpg_large");
    height: 500px;
}

.header {
    font-size: 4rem;
    padding-top: 50px;
    color: white;
    text-align: center;
}

.fadeIn {
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Text Sizing */

.body-text {
    font-size: 1.25em;
    line-height: 2;
}

.hr-width {
    width: 60%;
    margin: 0 auto;
}

.table-scroll {
    overflow: scroll;
}

.my-custom-scrollbar {
    position: relative;
    height: 70vh;
    overflow: scroll;
}
.table-wrapper-scroll-y {
    display: block;
}