@import"https://fonts.googleapis.com/css2?family=Kalnia+Glaze:wght@100..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.btn-todo-list{display:flex;border:none;box-shadow:var(--iconColor) 0 0 3px;background:none;font-size:1.5rem;color:var(--iconColor);border-radius:4px;width:1.4rem;height:1.4rem;align-items:center;justify-content:center}.btn-todo-list:hover{box-shadow:var(--iconColor) 0 0 5px}.todo-card-content{flex:1;width:100%}.todo-icons-wrapper{align-items:center;flex-direction:column;display:flex;gap:.8rem;width:100%;align-items:baseline;flex-direction:row;align-content:center;justify-content:space-around}.label-container{display:flex;padding-right:2rem;width:100%;justify-content:space-between;padding-bottom:1rem;flex-direction:row;flex-wrap:wrap}.author{display:flex;align-items:center}.checked h3,.checked p,.checked span{text-decoration:line-through;text-decoration-color:var(--iconColor);text-decoration-style:wavy;text-decoration-thickness:2px}.description label{height:fit-content;padding-bottom:1rem}.description{word-wrap:break-word;word-break:break-all}.todo-card-text{display:flex;color:var(--textColor);flex-direction:column}.toggle-check{display:flex;padding-right:2rem;width:100%;justify-content:space-between;padding-bottom:1rem;flex-direction:row;flex-wrap:wrap;color:var(--textColor)}.time-container{display:flex;padding-right:2rem;width:100%;justify-content:space-between;padding-bottom:1rem;flex-direction:row;flex-wrap:wrap}.input{margin-bottom:.4rem;display:flex;flex-direction:column}.input-section{display:flex;border:2px solid var(--borderColor);margin:.2rem;background-color:inherit;border-radius:4px;padding:.4rem;color:var(--textColor)}.header{display:flex;align-items:center;justify-content:space-between;background-color:var(--iconColor);color:var(--textColor);padding:.5rem 2rem;width:100%;position:fixed;top:0}.logo{width:50px}.header .links{display:flex;gap:2rem}.header .links a{color:var(--textColor);font-size:1.2rem}.header .links a:after{transform:scaleX(1);transform-origin:bottom left;content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:var(--bgColor);transform:scale(0);transition:.2s all ease-in}.header .links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.todo-list_card{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin:1rem;border-radius:8px;width:300px;height:auto;flex-direction:column;box-shadow:#e589084d 0 0 3px}.todo-section p,.todo-section h1{color:var(--textColor)}.todo-section{padding-inline:1rem}.todo-head{display:flex;justify-content:center;font-size:1.5rem;color:var(--textColor)}.card-wrapper{display:flex;width:100%;border:2px solid var(--borderColor);justify-content:space-around;flex-direction:row;flex-wrap:wrap;width:fit-content;padding:0rem 1rem}.para{display:flex;justify-content:center;align-content:center;align-items:center;width:100px;color:var(--textColor);border-top:var(--borderColor) 2px solid;border-bottom:var(--borderColor) 2px solid}.todo-para{display:flex;justify-content:space-around}.para-right,.para-left{padding-left:.4rem;display:flex}.todo-table{width:100%;border-collapse:collapse;margin-block:1rem}.todo-table th,.todo-table td{border:1px solid var(--borderColor);padding:8px;text-align:left;color:var(--textColor)}.todo-table th{background-color:var(--iconColor)}.draggable{cursor:grabbing}.sort-label{color:var(--textColor);padding-right:1rem}.sort{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;border:none;border:2px solid var(--textColor);border-radius:4px;background-color:var(--iconColor)}.sort option::selection{background-color:#fff;color:#333}.sort-options{margin-bottom:.5rem}.add-todo{padding:.8rem;border:2px solid var(--iconColor);margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}.title{color:var(--textColor)}.add-list{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;margin-bottom:1rem;border:dotted 2px var(--bgColor)}.input-section{width:300px;display:flex;flex-direction:column}.btn-section{margin-top:1rem;display:flex;justify-content:space-evenly;align-items:center;width:100%}:root{--textColor: #f0e3ca;--bgColor: #1b1a17;--borderColor: #a35709;--iconColor: #ff8303}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding-top:6vh;box-sizing:border-box;height:100vh;max-width:100vw;scroll-behavior:smooth;overflow-wrap:hidden;background-color:var(--bgColor);font-family:Roboto Condensed,sans-serif}li{list-style:none}a{text-decoration:none;position:relative}button{cursor:pointer}input,textarea{cursor:pointer;outline:none;border:none;border:2px solid var(--borderColor);border-radius:4px;background-color:var(--textColor)}input[type=checkbox]{width:1.4rem;height:1.4rem;accent-color:var(--iconColor);border:var(--textColor) 2px solid}.main-section{display:flex;align-items:center;height:90vh;flex-direction:row;width:100%;justify-content:center;flex-wrap:wrap}.add-icon{color:var(--borderColor);font-size:6rem}