@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:khaki;display:flex;flex-direction:column;font-family:space mono;height:100vh;width:100vw}.heading{color:#000;font-size:50px;margin:30px 0;text-transform:uppercase}@media (max-width:700px){.heading{font-size:35px;margin:15px 0}}.input{align-items:center;display:flex;position:relative;width:95%}.my_task{border:none;border-radius:50px;box-shadow:inset 0 0 5px #000;font-size:25px;padding:20px 30px;transition:.2s;width:100%}.my_task:focus{box-shadow:0 0 1px 1000px rgba(97,203,230,.5);outline:none}.input_submit{background-color:khaki;border:none;border-radius:50px;box-shadow:0 0 12px #e08579;color:#000;font-size:20px;height:50px;margin:15px;position:absolute;right:0;transition:all .2s;width:50px}.input_submit:hover{background-color:#f5f4ef}.input_submit:active{box-shadow:0 0 5px #0c0c0c;-webkit-transform:scale(.8);transform:scale(.8)}.container{align-items:flex-start;display:flex;justify-content:space-between;margin-top:15px;width:95%}.task{background-color:#20b2aa}.task,.task_remove{border-radius:5px;display:flex;flex-direction:column;padding:10px;width:47.5%}.task_remove{background-color:tomato}.singleTask{background-color:#ebf0f2;border-radius:5px;display:flex;margin:10px;padding:15px;transition:.2s}.singleTask:hover{box-shadow:0 0 5px #000;-webkit-transform:scale(1.02);transform:scale(1.02)}.task_heading{color:#fff;font-size:20px}.singleTask_Text{border:none;flex:1 1;font-size:20px}.singleTask_Text:focus{outline:none}.icons{cursor:pointer;font-size:20px;margin-left:15px}@media (max-width:1000px){.task{width:45%}}@media (max-width:700px){.input{width:95%}.task,.task_remove{margin-bottom:5px;width:95%}.container{flex-direction:column;width:95%}}
/*# sourceMappingURL=main.01008b5d.css.map*/