html,body{height:100%;margin:0}.App{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#fef9e1}.heading{text-transform:uppercase;font-size:45px;margin:20px 0;z-index:1;text-align:center}@media (max-width: 800px){.heading{margin:15px 0;font-size:35px}}.input{display:flex;width:60%;position:relative;align-items:center}.input_box{width:100%;border-radius:50px;padding:20px 30px;font-size:25px;border:none;transition:.3s;box-shadow:inset 0 0 5px #000}.input_box:focus{box-shadow:0 0 10px 1000px #00000017;outline:none}.input_submit{position:absolute;width:50px;height:50px;margin:12px;border-radius:50px;right:0;border:none;font-size:15px;background-color:#e5d0ac;color:#000;transform:.2s all;box-shadow:0 0 10px #000}.input_submit:hover{background-color:#decaa2}.input_submit:active{transform:scale(.85);box-shadow:0 0 5px #000}.todos{display:flex;justify-content:space-evenly;width:90%;flex-wrap:wrap}.todos_single{display:flex;width:45%;align-items:center;justify-content:space-between;border-radius:17px;padding:10px;margin-top:15px;background:#a31d1d}.todos_single--text{flex:1;padding:10px;border:none;font-size:20px}.icon{margin-left:10px;font-size:25px;cursor:pointer}@media (max-width: 700px){.input,.todos{width:95%}.todos_single{width:100%}}