@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap);.Welcome{color:#f0f8ff;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-button{font-size:large;color:#f0f8ff;cursor:pointer;background-color:#00f;border:none;width:120px;height:50px;border-radius:15px}.app-button:hover{opacity:.8}.app-button:active{transform:scale(.95)}*{box-sizing:border-box}.App{color:#f0f8ff;flex-direction:column}.App,.input-container{display:flex;align-items:center;justify-content:center}.input-container{flex-direction:row}.input-container *{margin:5px;font-size:large}.btn{color:#f0f8ff;border:none;margin:5px;background-color:#00f;border-radius:5px;padding:2px 5px}.btn:hover{opacity:.8}.btn:active{transform:scale(.95)}.add-btn{background-color:green}.task-container{width:600px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.task-name{font-size:20px}.delete-btn{background-color:red;margin-left:auto}.task-container *{margin-right:10px}.done{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;text-decoration-thickness:2px}@media screen and (max-width:650px){.task-container{width:300px}.task-container *{transform:scale(.95)}.input-container *{transform:scale(.9);margin:-3px}}body{background-color:var(--Light-Gray);display:flex;align-items:center;justify-content:center;font-family:"Karla",sans-serif;padding:20px;margin:0;min-height:100vh;box-sizing:border-box;background-color:#252525}
/*# sourceMappingURL=main.04ba39e8.chunk.css.map */