.categories h2{font-size:20px;color:var(--white);font-weight:300;text-transform:uppercase}.categories .boxes{display:flex;justify-content:space-between;align-items:center;margin-top:20px;flex-wrap:wrap}.categories .boxes .category{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;max-width:250px;max-height:100px;width:100%;height:100%;background:var(--light-purple);border-radius:30px;padding:20px;cursor:pointer;margin-right:10px;transition:all .2s ease}.categories .boxes .category h3{color:var(--white);font-weight:300}.categories .boxes .category:last-child{margin-right:0}.categories .boxes .category:hover{transform:scale(1.05);border-right:10px solid var(--pink)}.categories .boxes .category:nth-child(2):hover{border-right:10px solid var(--green)}.categories .boxes .category:nth-child(3):hover{border-right:10px solid var(--white)}.work{border-right:10px solid var(--pink)}.personal,.work{transform:scale(1.05)}.personal{border-right:10px solid var(--green)}.other{border-right:10px solid var(--white);transform:scale(1.05)}@media screen and (max-width:850px){.categories h2{font-size:18px}.categories .boxes{justify-content:center;flex-wrap:nowrap}.categories .boxes .category{margin:10px}}@media screen and (max-width:550px){.categories h2{font-size:18px}.categories .boxes{justify-content:center;flex-wrap:wrap}.categories .boxes .category{margin:10px}}.addTodo{position:fixed;background:var(--opacity-black);right:0;left:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:40px;z-index:2}.addTodo>button{position:absolute;right:50px;top:50px;background:none;border:none;cursor:pointer}.addTodo .addTodo-body{padding:40px;display:flex;flex-direction:column;max-width:1200px;width:100%;background:var(--blue);border-radius:10px}.addTodo .addTodo-body h2{font-size:30px;color:var(--white);text-align:center;margin-bottom:20px}.addTodo .addTodo-body input,.addTodo .addTodo-body select,.addTodo .addTodo-body textarea{border-radius:5px;padding:5px 10px;border:1px solid var(--opacity-grey);font-size:16px}.addTodo .addTodo-body p{margin:5px 0 15px;color:red}.addTodo .addTodo-body p:last-child{margin:5px 0 0}.addTodo .addTodo-body .add-bottom{display:flex;justify-content:space-between}.addTodo .addTodo-body button{color:var(--white);font-size:15px;background:var(--lighter-blue);border:none;cursor:pointer;padding:0 20px;border-radius:5px;transition:all .5s ease;font-weight:400;height:40px}.addTodo .addTodo-body button:hover{background:#fff;color:var(--black)}.todo{padding:120px 0 0}.todo .date{text-align:center;margin-bottom:50px}.todo .date h1{font-size:30px;color:var(--white);font-weight:500}.todo .todo-list .todo-item{display:flex;align-items:center;justify-content:space-between;width:100%}.todo .add-button{display:flex;align-items:center;justify-content:center;padding:15px;position:fixed;right:50px;bottom:50px;border-radius:100%;border:none;cursor:pointer;transition:all .5s ease}.todo .add-button:hover{scale:1.1;box-shadow:0 0 30px 0 #000}