#navdiv{
  width:100%;
	background-image: linear-gradient(150deg,#000000,#0dc35f,#000000,#000000,#000000,#0dc35f,#000000);
}
#idHead{
	background-image: linear-gradient(90deg,#c30d7a,#000000,#c30d7a,#000000,#c30d7a);
}

.nav-link{
    padding: 0rem;
}
.nav-link.active {
    color: #0dc35f !important; /* 改变为你的颜色 */
}
.nav-link:focus,.nav-link:hover {
    color: #c20cde !important; /* 改变为你的颜色 */

    background-color: #1815020d;
    color: #7c61e9;
    transition: 0.5s all;
}

.image-transform{
    width: 100%;
    height: auto;
    max-width: 100%;
    transition: all 500ms!important;
    -webkit-transition: all 500ms!important;
    -moz-transition: all 500ms!important;
}
.image-transform:hover{
    -webkit-transform: scale(1.05);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 750ms;
    -moz-transform: scale(1.05);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 750ms;
    overflow: hidden;
}

.card-title{
    color: #ffffff !important;
}