body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--primary:#4e80a1;--secondary:#101111;--light-shade:#afa8a8;--dark-shade:#302e2e;--dark-shade-shadow:#111;--dark-accent:#575353}input{border:none;border-radius:5px;outline:none;padding:.5rem}button{background-color:var(--secondary);border:none;border-radius:100px;color:var(--light-shade);padding:.75rem}button:hover{opacity:.7}.todo-header{display:flex;gap:1rem}input{flex-grow:1}.todo-item{align-items:center;background-color:#a8bfda;border-radius:5px;box-shadow:0 0 8px 2px var(--dark-shade-shadow);display:flex;justify-content:space-between;padding:.5rem}.todo-body{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.todo-list{max-width:300px;padding-top:2rem;width:300px}#todo-view{background-color:var(--primary);display:flex;height:100vh;justify-content:center}
/*# sourceMappingURL=main.e3c1aa53.css.map*/