*{margin:0;padding:0;font-family:Helvetica,sans-serif;font-size:18px}html{width:100%;height:100%;background-color:#d3d3d3;box-sizing:border-box;display:grid;align-items:center;padding:10px}body{width:70%;height:100%;justify-self:center;background-color:#a9a9a9;border-radius:30px;border:1px solid grey;box-sizing:border-box;padding:5px}#root{height:100%;display:flex;flex-direction:column;background-color:gray;border-radius:30px}h1{font-size:2.5rem;padding:5px}h2{font-size:1.5rem}.header{width:100%;height:150px;box-sizing:border-box;margin:0 0 5px;padding:20px;justify-items:center;display:grid;border-bottom:1px solid black}.footer{width:100%;text-align:center;padding:.5rem 0}form{display:flex;flex-direction:column;background-color:#a9a9a9;border-radius:15px;box-sizing:border-box;margin-top:5px;padding:10px}form p{margin:10px auto}.formButton:hover{cursor:pointer}.authIcon{font-size:30px}.authIcon:hover{cursor:pointer;color:#d3d3d3}.form-group{margin-bottom:10px;width:100%;position:relative}.OAuth{margin:10px auto}select,input{box-sizing:border-box;width:100%;background-color:#d3d3d3;border:1px solid grey;border-radius:5px;padding:5px}.logReg{width:100%;height:100%;box-sizing:border-box;padding:5px;display:flex;flex-direction:column;align-items:center}button{width:200px;background-color:#d3d3d3;border:1px solid grey;border-radius:5px;padding:5px}button:hover{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{box-shadow:0 0 0 1000px #d3d3d3 inset}input[type=checkbox]{width:18px;height:18px}.main{width:100%;height:100%;padding:5px;box-sizing:border-box;display:flex;flex-direction:column}.list{height:100%;margin-top:5px;background-color:#a9a9a9;box-sizing:border-box;border-radius:15px 15px 30px 30px;padding:5px;display:flex;flex-direction:column;align-items:center}.task{box-sizing:border-box;width:100%;padding:10px;border-radius:15px;margin-top:5px;display:flex;justify-content:space-between;align-items:center}.task p{white-space:initial;word-wrap:break-word;overflow-wrap:anywhere}.taskInput{padding-right:75px}.task:hover{cursor:pointer;box-shadow:0 0 0 2px #000}.counter{position:absolute;top:28px;right:8px}.filter{box-sizing:border-box;display:flex}.filterBox{display:flex;margin:5px 15px}.filterBox label{margin:0 5px}.receiver{display:flex;flex-direction:column}.receiver h2{align-self:center}#loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}#spinner{border:8px solid lightgrey;border-top:8px solid black;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}