.App{width:100vw;height:100vw;display:flex;flex-direction:column;align-items:center;background-color:#7676ec}.heading{text-transform:uppercase;font-size:40px;margin:30px 0;color:#fff;z-index:1;text-align:center}.input{display:flex;width:90%;position:relative;align-items:center}.inputBox{width:100%;border-radius:50px;padding:20px 30px;font-size:25px;border:none;transition:.2s;box-shadow:inset 0 0 5px #000}.inputBox:focus{box-shadow:0 0 10px 1000px #0000;outline:none}.inputSubmit{position:absolute;width:50px;height:50px;margin:12px;border-radius:50px;right:0px;border:none;font-size:15px;background-color:#7676ec;color:#fff;transition:.2s all;box-shadow:0 0 10px #000}.inputSubmit:hover{background-color:#0a0a82}.inputSubmit:active{transform:scale(.7);box-shadow:0 0 5px #000}.todos{display:flex;justify-content:space-evenly;width:90%;flex-wrap:wrap}.todosSingle{display:flex;width:29.5%;border-radius:5px;padding:20px;margin-top:15px;background-color:#ff0}.singleText{flex:1;border:none;font-size:20px}.singleText:focus{outline:none}.icon{margin-left:10px;font-size:25px;cursor:pointer}@media (max-width:1200px){.todosSingle{width:40%}}@media (max-width:700px){.todosSingle{width:95%}.todos{width:75%}.input{width:95%}}.todosSingleTest{outline:none;border:none;padding:10px;text-align:center;margin-left:25px}body{background-color:#7676ec}