*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:  sans-serif;
    background-color: #282626;
    user-select: none;
    
}
body{
    padding-top: 80px;
    padding-left: 150px;
    
}

.task{
    padding-top: 20px;
    color: #666362;
    cursor: pointer;
}
.main{
    background-color: #282626;
   padding: 20px; 
   display: flex;
   justify-content: space-around;
   gap: 8px;
}

.catagory{
    background-color: #282626;
    color:#5f5b59
}
.item{
    background-color: #353131;
    padding: 0 5px;
    cursor: pointer;
}
.item:hover{
    opacity: .8;
}
.item:active{
    opacity: .5;
}
.title{
    color: white;
    padding: 5px;
}
p{
    color: #5f5b59;
    padding: 5px;
}