.bod {
    margin-top: 80px;
}

.user {
    margin-top: 16px;

}

.divid {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(170, 0, 124, 0.76);
}

.detect-sucess {
    transition-property: all;
    transition-duration: 0.4s;
    transition-delay: 0s;
    background-color: #00f2c3;
}

.detect-alert {
    transition-property: all;
    transition-duration: 0.4s;
    transition-delay: 0s;
    background-color: #fd5d93;
}

.hide {
    display: none;
}

.index-page .squares.square1 {
    height: 150px;
    width: 150px;
}

.index-page .squares.square2 {
    /*    animation: move-left-right 6s infinite;*/
    height: 200px;
    width: 200px;
}

.index-page .squares.square3 {
    height: 150px;
    width: 150px;
}

.index-page .squares.square4 {
    height: 50px;
    width: 50px;
}

.index-page .squares.square5 {
    height: 125px;
    width: 125px;
}

.index-page .squares.square6 {
    height: 40px;
    width: 40px;
}

.index-page .squares.square7 {
    height: 150px;
    width: 150px;
}

.nav-menu {
    display: block;
}

.nav-pills .nav-item .nav-link {
    background-color: rgba(31, 34, 81, 0.74) !important;
}

.nomtb {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.nmt {
    margin-top: 50px;
}

.majview {
    position: absolute;
    bottom: 20px;
    text-align: center;
}

.onpan {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    background-color: rgb(23, 25, 65);
    z-index: 1000;
}

.user {
    position: absolute;
    top: 40vh;
    left: 0px;
    right: 0vw;

}