*{
    margin: 0px;
    padding: 0px
}
.bg{
    background-color: #B4D5DA;
    height: auto
}
.bbg{
    background-color: rgba(169, 202, 207, 0.753)
}
/* skill border */
.sb{
    padding: 10px;
    border: 3px solid;
    border-radius: 30px
}
.bb{
    background-color: black;
    width: 100%;
    height: 3px;
    border: none
}
.titlediv{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.titleline{
    position: relative;
    bottom: 8px;
    width:auto;
    height: 8px;
    background-color: rgba(0, 0, 0, 0.466);
    border-radius: 10px;
}
.titlelong{
    bottom: 0px;
    top: 0px;
}
a{
    -webkit-user-drag: none;
    user-select: none
}
img{
    -webkit-user-drag: none;
    user-select: none
}


/* width */
::-webkit-scrollbar {
    width: 5px;
}
   
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.459); 
}

::-webkit-scrollbar-track-piece{
    background: rgba(0, 81, 255, 0.651); 
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(11, 34, 85); 
}