.MobileMessage{display:none}.App{display:block}@media only screen and (max-width: 992px){.App{display:none}.MobileMessage{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;padding:20px}}body{margin:0;padding:10px;background-color:#222538;overflow:hidden;color:#fff;background-image:repeating-linear-gradient(to right,transparent 0 50px,#fff1 50px 51px),repeating-linear-gradient(to bottom,transparent 0 50px,#fff1 50px 51px)}main{height:100vh;overflow:hidden;position:relative}.divForm{color:#fff}.divForm>h1{margin-top:0}.divFilters{color:#fff}.Sticky-Note{padding:5px;background-color:#e2e052;display:inline-block;width:200px;height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;box-shadow:0 10px 16px #0003,0 6px 20px #00000030;text-align:center}.Sticky-Note>p:hover{cursor:default}.SN-complete{color:gray;text-decoration:line-through}.SN-incomplete{color:#000;text-decoration:none}.SN-actions{width:100%;height:50px;position:absolute;bottom:0;background:#222538;background:linear-gradient(0deg,#000,#000000b3,#0000);display:flex;align-items:center;justify-content:space-around;color:#fff;opacity:0;transition:.5s ease-in-out}.t-icon:hover{color:red;cursor:pointer}.SN_input:checked+label{color:#04af2f;font-weight:700}.Sticky-Note:hover .SN-actions{opacity:1}.completed_text{color:gray;text-decoration:line-through}.FilterOptions{background-color:#fff;color:#222538;padding:5px;opacity:0}.divFilters:hover .FilterOptions{opacity:1}.HSsection{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.HSsection>h1{transform:scale(1.2)}.HSsection>div{display:flex;gap:20px}.HomeLinks{width:100px;height:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;text-align:center;color:gray;background-color:#e2e052;padding:10px 25px;box-shadow:0 10px 16px #0003,0 6px 20px #00000030;transition:.5s ease;position:relative;top:20px}.HomeLinks:hover{transform:scale(1.2);color:#000}header{position:fixed;width:100%}nav{padding:20px;display:flex;align-items:center;justify-content:space-between}.HomeBtn{width:100px;height:100px;background-color:#e2e052;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 16px #0003,0 6px 20px #00000030;color:#000;transform:rotate(20deg);position:fixed;bottom:10px;left:10px;transition:.5s ease}.HomeBtn:hover{transform:scale(1.1);bottom:25px;left:25px}.CTcounter{position:fixed;bottom:40px;right:100px;display:flex;flex-direction:column;gap:5px;text-align:center}.CTcounter>h1,p{margin:0}form{display:flex;flex-direction:column;gap:5px}#formColorTaskInput{height:20px;padding:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}