@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";.App{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#166da7;font-family:Poppins,sans-serif}.heading{text-transform:uppercase;font-size:40px;margin:30px 0;color:#fff;z-index:1;text-align:center}@media (max-width: 800px){.heading{margin:15px 0;font-size:35px}}.input{display:flex;width:50%;position:relative;align-items:center}.input__box{width:100%;height:40px;border-radius:10px;padding:20px 30px;font-size:25px;border:none;transition:.2s;box-shadow:inset 0 0 5px #9c9b9b}.input__box:focus{box-shadow:0 0 10px 1000px #00000080;outline:none}.input_submit{position:absolute;width:50px;height:50px;margin:12px;border-radius:8px;right:0px;border:none;font-size:15px;background-color:#1f90d1;color:#fff;transition:.2s all;box-shadow:0 0 5px #8b8a8a}.input_submit:hover{background-color:#1769c0}.input_submit:active{transform:scale(.8);box-shadow:0 0 5px #000}.todos{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:90%;flex-wrap:wrap}.todos__single{display:flex;width:52.8%;border-radius:8px;padding:20px;margin-top:15px;background-color:#6db3fd}.todos__single:hover{background-color:#92d3f8}.todos__single--text{flex:1;padding:5px;border:none;font-size:20px;word-break:break-all;background-color:transparent}.todos__single--text:focus{outline:none;background-color:transparent}.icon{margin-left:10px;font-size:25px;cursor:pointer}@media (max-width: 1200px){.todos__single{width:40%}}@media (max-width: 700px){.input,.todos{width:95%}.todos__single{width:100%}}*{margin:0;padding:0}