.navbar{width:100%;height:10vh;margin-bottom:20px;outline:1px solid rgb(88,82,82);font-family:monospace;background-color:#242424;position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar .logo{color:#fff;font-size:xx-large;text-decoration:none;font-weight:600;margin-left:10px}.navbar .links{width:17rem;display:flex;justify-content:space-evenly;align-items:center;margin-right:10px}.navbar .links a{text-decoration:none;font-size:large;color:#ebe1e1}@media (max-width: 350px){.navbar{height:11vh;color:#fff}.navbar .logo{text-decoration:underline;margin-left:15px}.navbar .links{width:200px;margin:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.todo-card{outline:2px solid rgb(88,82,82);border-radius:10px;width:70vw;min-height:70vh;height:auto}.todo-card .input{width:auto;margin:10px;display:flex;justify-content:center;align-items:center}.todo-card .input input{border-top-left-radius:10px;border-bottom-left-radius:10px;width:90%;height:40px;border:none;padding-left:4px;border-right:1px solid rgb(88,82,82)}.todo-card .input button{height:40px;width:9%;font-size:large;border-top-right-radius:10px;border-bottom-right-radius:10px;background-color:#fff;border:none;text-decoration:none;font-family:monospace}.todo-card .task{width:auto;height:auto;min-height:50px;border-radius:10px;margin:10px;background-color:#fff;display:flex;gap:10px;align-items:center;padding:5px;font-family:monospace;position:relative}.todo-card .task:hover .delete{display:block;animation:fadeIn .5s ease}.todo-card .task .add{background-color:#fff;display:flex;gap:5px;width:100%}.todo-card .task .add .checkbox{accent-color:rgb(88,82,82)}.todo-card .task .add .data{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;display:inline;max-width:80%;word-wrap:break-word}.todo-card .task .delete{display:none;color:#000;font-family:monospace;padding-right:5px}@media (max-width: 420px){.todo-card .input button{width:100px}}.home{min-height:90vh;background-color:#242424;display:flex;flex-direction:column;justify-content:center;align-items:center}.about{max-width:70vw;min-height:70vh;word-wrap:break-word;outline:2px solid rgb(88,82,82);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:25px;text-align:center;font-family:monospace;font-size:large;color:#fff}.about .contact{margin:10px}.about .contact a{text-decoration:underline;color:#fff}@media (max-width: 230px){.about{background-color:#242424;width:100vh;height:170vh}}*{margin:0;padding:0}.App{background-color:#242424}