.Main{color:#fff;background:#000;min-height:100vh;padding:20px;font-family:Inter,sans-serif}.addbtnContner{gap:15px;margin-top:30px;display:flex}.addbtnContner .addwrapper{flex:1}.addwrapper{cursor:pointer;background:#111;border:1px solid #222;border-radius:14px;justify-content:space-between;align-items:center;padding:22px;transition:all .3s;display:flex}.addwrapper:hover{border-color:#fff;transform:translateY(-3px)}.heading{font-size:18px;font-weight:500}.addwrapper svg{font-size:26px}.addbtnContner .addwrapper:first-child{color:#000;background:#fff}.addbtnContner .addwrapper:last-child{color:#fff;background:#111}.monthlybtnContner{margin-top:30px}.monthlybtnContner .addwrapper{justify-content:flex-start;gap:15px;padding:28px;font-size:18px}.weeklybtnContner{margin-top:15px}.weeklybtnContner .addwrapper{justify-content:flex-start;gap:15px;padding:28px;font-size:18px}@media (max-width:768px){.addbtnContner{flex-direction:column}.addwrapper{padding:18px}.heading,.monthlybtnContner h3,.weeklybtnContner h3{font-size:16px}}.todo{cursor:pointer;background:#111;border:1px solid #222;border-radius:14px;justify-content:center;align-items:center;padding:22px;transition:all .3s;display:flex}