@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{padding:15px 5px;font-family:Montserrat,sans-serif;background:#52575d}.container{display:flex;gap:18px}#left-bar{position:sticky;position:-webkit-sticky;top:0}.app-name{margin-top:20px;font-style:normal;font-weight:600;font-size:42px;line-height:55px;color:#f8eea8}#task-types{position:sticky;position:-webkit-sticky;top:80px;list-style:none;margin-top:20px;padding-left:0;color:#c4c4c4}#task-types li{width:180px;height:62px;border-radius:14px;margin-bottom:15px;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}#task-types li:hover{cursor:pointer}#task-types li:hover,.task-types-active{background:hsla(0,0%,100%,.1);color:#fff}#task-types li>img{width:32;height:31px;margin:auto 12px;border-radius:8px}#task-types li>a{margin:auto 0}#task-types li:last-child{margin-top:40px}#task-types li:last-child:hover{background:none}#main-section{flex:1;height:fit-content;padding-left:20px;background:rgba(242,243,249,.95);border-radius:40px}#top-section{display:flex;justify-content:space-between}#section-title{font-weight:700;font-size:38px;line-height:44px;color:#707478;margin-top:25px}#user-represent{display:flex}#user-represent>p{font-family:Montserrat;font-style:normal;font-weight:500;font-size:24px;line-height:29px;margin:auto 75px auto 24px;color:#666a6d}#avatar{width:65px;height:65px;margin:auto;border-radius:50%;background:#dd5f69;box-shadow:0 15px 12px -8px rgba(210,25,25,.28)}#avatar p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:500;font-size:36px;line-height:42px;color:#eaebf1;text-align:center;margin-top:10px}#dashboard-content{display:flex;justify-content:space-between;margin-top:10px}.task-type-section{display:flex;flex-direction:column;width:250px}.task-type-section-title{font-family:Montserrat;font-style:normal;font-weight:600;font-size:24px;line-height:29px;color:#555a5f;margin-bottom:15px}.add-task-section{display:flex;font-family:Montserrat;font-style:normal;font-weight:500;font-size:18px;line-height:22px;color:#666a6d;margin-top:0}.btn{outline:none;border:none;background:none}.btn:hover{cursor:pointer}.btn-add-task img{width:28px;margin:auto}.card{width:200px;height:fit-content;padding:20px;margin-bottom:20px;background:#fff;border-radius:30px}.card-top{display:flex;justify-content:space-between}.card-name{width:fit-content;min-height:17px;height:fit-content;padding:4px 11px;margin:auto 0;word-break:break-word;border-radius:10px;font-family:Montserrat;font-style:normal;font-weight:500;font-size:14px;line-height:17px;text-transform:uppercase}.card-options{display:flex;flex-direction:column;justify-content:space-between;height:20px;margin:0}.card-option-dot{width:3.95px;height:3.95px;border-radius:50%;background:#d4ebff}.card-options-form{display:none;flex-direction:column;justify-content:space-around;height:80px;margin-top:20px;background:#f6fbff;border:1px solid #d4ebff;border-radius:20px;font-size:14px;line-height:26px}.card-options-change{padding-bottom:15px;padding-top:5px;border-bottom:1px solid #d4ebff;color:#669854;font-family:Montserrat}.card-options-delete{padding-bottom:5px;color:#dd5f69;font-family:Montserrat}.card-content{width:180px;margin:12px 12px 0 0;font-family:Montserrat;font-style:normal;font-weight:300;font-size:12px;line-height:18px;letter-spacing:.11em;color:#4a4a4a;word-break:break-word}#new-task{display:none;flex-direction:column;justify-content:center;width:324px;height:267px;background:#fff;border-radius:35px;padding:25px 30px}#new-task-content,#new-task-name{padding:4px 20px;outline:none;background:rgba(242,243,249,.95);border:1px solid #c4c4c4;box-sizing:border-box;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-style:normal;font-weight:400;font-size:18px;line-height:33px;color:#707478}#new-task-name{height:42px;margin-bottom:12px}#new-task-content{resize:none}#new-task-content::placeholder,#new-task-name::placeholder{color:#c4c4c4}#status-options{display:flex;justify-content:space-between;font-size:smaller}.new-note-btns{display:flex}.new-note-btns *{font-family:Montserrat;font-style:normal;font-weight:500;font-size:14px;line-height:17px;text-transform:uppercase;height:35px}#submit-new-task{width:60%;padding:6px 11px;margin:auto 0;border-top-left-radius:10px;border-bottom-left-radius:10px;background:#d4ebff;color:#45a6ff}#submit-new-task:hover{cursor:pointer}#new-task-close{width:40%;display:flex;justify-content:center;gap:10px;padding:5px 10px;border-top-right-radius:10px;border-bottom-right-radius:10px;background:#ffe1e8;color:#e07a74}#new-task-close img{height:23px}#new-task-close p{margin:4px 0}