:root{--font: 2rem;--fontFamily: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color1: rgba(241, 177, 199, .98);--borderRed: 2px solid rgb(232, 6, 6);--backgroundImage: #ffffff url(/assets/mainBackground.d8297ff9.png) no-repeat right top;--backgroundSize: cover}*,*:after,*:before{box-sizing:border-box}body{margin:0;padding:0}.inputTodo{display:flex;position:sticky;top:0;padding:1.5rem;width:100%;flex-flow:column wrap;justify-content:center;align-items:center;background-color:#0ff;gap:.2rem;z-index:999;box-shadow:1px 1px 8px #0009;transition:top .4s}.todoContainer form{display:flex;flex-flow:column nowrap;align-items:center;gap:.4rem;width:100%;margin:0;padding:.5rem;height:80%}input[type=Submit],.removeAllTodo{height:40px;padding:.4rem;border:none;background-color:orange;color:#00f;font-family:var(--fontFamily);font-size:1.5rem;width:80%;text-align:center;box-shadow:5px 5px 8px #0009;border-radius:5px}input[type=Submit]:hover{background-color:red;color:#fff}.removeAllTodo{font-size:.8rem;background-color:red;color:#fff}.removeAllTodo:hover{background-color:orange;color:#00f}.todoContainer{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:100%;min-height:70vh;background:var(--backgroundImage);background-size:var(--backgroundSize);padding:3rem 0}#todo{padding:.4rem;height:40px;border:var(--borderRed);font-family:var(--fontFamily);font-size:1.5rem;background-color:var(--color1);width:100%}#details{padding:.4rem;border:var(--borderRed);font-family:var(--fontFamily);font-size:1.5rem;resize:none;height:100%;width:100%;background-color:var(--color1)}.textarea{height:80%}.Todos{max-width:1200px;width:90%;background-color:#fff;padding:2rem;border-radius:10px;box-shadow:1px 1px 8px #0000001a}.Todos article{width:100%;font-family:var(--fontFamily);border:3px solid var(--color1);padding:0rem 1rem 1rem}.otherEvents{display:flex;flex-flow:row wrap;width:inherit;padding-top:.5rem;justify-content:space-between}.details{position:relative;word-wrap:break-word;white-space:pre-line;height:100px;width:100%;overflow:hidden;text-overflow:ellipsis}.view{position:absolute;padding:0;margin:0;bottom:0;right:0;background-color:#fff;border:none;height:50px;width:50px}.fa-eye{color:#00f;font-size:1.5rem;text-decoration:none}.removeThis{border:none;background-color:#fff}.fa-eye:hover,.fa-circle-minus:hover{color:red;text-decoration:none}.fa-eye:active,.fa-circle-minus:active{color:orange}.fa-trash{color:#fa25b3;font-size:1.5rem;cursor:pointer}.moreDetailsContainer{width:100%;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;padding-bottom:4rem;background:var(--backgroundImage);background-size:var(--backgroundSize)}.todoLists{padding:.5rem;font-size:3rem;color:#00f;width:300px;height:55px;padding:0}.todoLists div{width:100%;height:100%;margin:0;border:none;background-image:url(/assets/TodoLogo.a89d6f3d.png);background-repeat:no-repeat;background-size:contain;background-position:50% 50%}.head{padding-top:1rem;background-color:#fff;width:100%;position:sticky;top:0;box-shadow:1px 1px 8px #0009;transition:top .4s}.todoLists .Link{width:100%;height:100%}.moreArticle{display:flex;flex-flow:column nowrap;max-width:1200px;width:80%;gap:1rem;height:80vh;justify-content:center;align-items:center;font-family:var(--fontFamily);font-size:var(--font)}.moreDetails{width:100%;border-radius:10px;background-color:#fff;box-shadow:1px 1px 8px #0009;height:90%;padding:1rem;display:flex;justify-content:center;align-items:center}.moreDetails div{text-align:center;max-width:100%;max-height:100%;overflow-y:auto;word-wrap:break-word;white-space:pre-line}.todoHead{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;border-radius:10px;background-color:#fff;padding:1rem;box-shadow:1px 1px 8px #0009;width:100%}.todoHead:first-child{font:1.5rem;font-weight:700;font-family:Verdana,Geneva,Tahoma,sans-serif}.createtodo{width:50px;height:50px;position:fixed;box-shadow:1px 1px 8px #0009;bottom:7%;right:5%;border-radius:50%;background-color:#0ff}.createtodo button{background:transparent;border:none;text-align:center;width:inherit;height:inherit;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;font-weight:700;border-radius:inherit;color:var(--color1);font-size:3rem;animation-name:rotate;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rotate{0%{transform:rotate(0)}10%{transform:rotate(720deg)}20%{transform:rotate(720deg)}30%{transform:rotate(720deg)}40%{transform:rotate(720deg)}50%{transform:rotate(720deg)}60%{transform:rotate(720deg)}70%{transform:rotate(720deg)}80%{transform:rotate(720deg)}90%{transform:rotate(720deg)}to{transform:rotate(720deg)}}.createtodo button:hover{color:red;background-color:#fff;border:2px solid var(--color1);cursor:pointer}.todomodal{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#000;opacity:.7;z-index:1000}.actioncenter{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:fixed;bottom:5%;right:5%;background-color:#fff;background-image:url(/assets/plainWhite.aa7a967d.jpg);background-size:cover;height:60vh;width:70vw;padding:.5rem;border-radius:20px;z-index:1001;box-shadow:1px 1px 8px #0009}.hideactioncenter{color:#fff;background-color:red;box-shadow:1px 1px 8px #0009;border-radius:5px;padding:.5rem 1rem;display:flex;align-items:center;justify-content:center;text-align:center;border:none}.dateTime{display:flex;justify-content:space-between}.hideactioncenter:hover{color:var(--color1)}.actioncenter .hideactioncenter-container{width:100%;display:flex;justify-content:flex-end}.fa-square-check{color:#06a106;font-size:4rem}.fa-hourglass{color:red;font-size:3rem;padding-bottom:5px}footer{display:flex;background-color:#777;width:100%;flex-flow:column nowrap;gap:.5rem;padding:1rem;color:#fff}footer:first-child{display:flex;flex-flow:column nowrap;gap:1.5rem}.footerLogo{background-image:url(/assets/TodoLogo.a89d6f3d.png);background-repeat:no-repeat;background-size:contain;width:200px;height:30px}.fa-brands,.acontact{padding:.3rem}.contact{font-family:Verdana,Geneva,Tahoma,sans-serif;display:flex;flex-flow:column nowrap;gap:.5rem}.contact p{margin:0;padding:0}footer h3{margin:.5rem 0}footer a{color:#fff}.contactlogo{padding:.5rem}.rights{font-family:Verdana,Geneva,Tahoma,sans-serif;text-align:center}.Nopage{width:100%;height:90vh;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.NoPageLogo{width:100%;height:7vh;margin:2rem 0;display:flex;justify-content:center}.NoLogo{width:300px;height:100%;background-image:url(/assets/TodoLogo.a89d6f3d.png);background-repeat:no-repeat;background-size:contain}.Nopage h1,.Nopage p{text-align:center;color:#00f;font-family:Verdana,Geneva,Tahoma,sans-serif}.reverseAction{width:100%}.reverseAction Button{width:50%;font-size:1.5rem;color:red;border:2px solid var(--color1);background-color:#fff}.reverseAction Button:hover{color:#fff;background-color:red;border:2px solid white}.reverseAction Button:disabled{opacity:.3;color:green}