html {
    scroll-behavior: smooth;
}

.col-sm-8 {
    background-color: #dadce0;
}

.parts {
    font-size: 24px;
    line-height: 24px;
    font-family: Roboto, "Noto Sans", "Noto Sans JP", "Noto Sans KR", "Noto Naskh Arabic", "Noto Sans Thai", "Noto Sans Hebrew", "Noto Sans Bengali", sans-serif;
}

.nav {
    color: red
}

.largerAni {
    transition: all .2s ease-in-out;
}

.largerAni:hover {
    transform: scale(1.1);
}

.blur {
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

#sh {
    /* position: absolute; */
    display: none;
    top: 220px;
    left: 500px;
    bottom: 220px;
    right: 500px;
}

a {
    text-decoration: none;
    color: #202124;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

p {
    font-size: 12px;
}

.btn {
    font-size: 12px;
    margin-bottom: 12px;
}

.largeAnim {
    transition: all .2s ease-in-out;
}

.largeAnim:hover {
    transform: scale(1.1);
}

pre {
    font-size: 12px;
}

thead {
    font-size: 18px;
}

tbody {
    font-size: 12px;
}


/* For object recognition page */

a.predictionResult {
    color: #4285FC;
    font-size: 19px;
}

.progress {
    height: 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.predictionPercentage {
    float: right;
    font-size: 16px
}