@font-face{font-family:Karla;src:url(/todo-app/fonts/Karla-VariableFont_wght.ttf) format("TrueType");font-weight:400 700}:root{--mainBg: #d891d8;--mainFg: #000000;--navbarBg: #ad1fad;--navbarFg: #ffffff;--navlinkBg: #570f57;--navlinkHv: #570f57bf;--footerBg: #e052e0}*{font-family:Karla,Tahoma,Geneva,Verdana,sans-serif;padding:0;margin:0;box-sizing:border-box;transition:all ease-in-out .4s;scroll-behavior:smooth;accent-color:var(--navbarBg);-webkit-user-select:none;user-select:none}*::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{display:block;width:.25rem;background-color:var(--mainBg)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--mainFg);border-radius:.15rem;cursor:pointer}a{text-decoration:none;color:var(--mainFg)}button{border:none;cursor:pointer}button:focus-visible{outline:none}body{position:relative;background-color:var(--mainBg);color:var(--mainFg)}#container{max-width:1540px;min-width:320px}#navbar{position:sticky;top:.25rem;width:75%;height:3rem;padding-inline:.75rem;border-radius:.35rem;box-shadow:0 0 10px -.75px var(--navbarBg);background-color:var(--navbarBg)}#navbar a{color:var(--navbarFg)}#navbar #logo{column-gap:.5rem}#navbar #logo img{height:1.5rem;width:1.5rem}#navbar #logo span{font-size:large;font-weight:500}#navbar #main-nav a{font-size:small;padding:.25rem .5rem;background-color:var(--navlinkBg);border-radius:.25rem}#navbar #main-nav a:hover{background-color:var(--navlinkHv);box-shadow:0 0 7px -.5px var(--navlinkBg)}#navbar #main-nav a.active{border:1px solid var(--mainBg)}#navbar #main-nav nav{gap:1rem}main{min-height:calc(100vh - 5.5rem);padding:1rem 2rem}footer{height:2.5rem;background-color:var(--footerBg);font-size:small;gap:1rem}#love{color:red}footer a{font-weight:500}.w-full{width:100%}.h-full{height:100%}.mxa{margin:0 auto}.flex{display:flex}.grid{display:grid}.col-span-2{grid-column:span 2}.jb{justify-content:space-between}.jc{justify-content:center}.ac{align-items:center}.hidden{display:none}