*{margin:0;padding:0;box-sizing:border-box}.App{width:21rem;border:2px solid #9381FF;border-radius:10px;margin:0 auto;margin:1rem 1.5rem;font-family:Quicksand,sans-serif;height:96vh}.header{display:flex;justify-content:space-between;width:280px;margin-top:10px;margin-left:2rem}.profile{width:80px;height:80px;border:2px solid #9381FF;border-radius:70px;overflow:hidden}.profile img{width:100%;height:100%;object-fit:cover}.wording{margin-top:18px;color:#000;margin-right:1.3rem}.delbtn{height:24px}.input{display:block;text-align:center}input{margin-top:2rem;margin-right:5px;text-align:center;height:40px;width:95%;border:1px solid rgba(0,0,0,.1);border-radius:30px;font-size:17px;color:#9381ff}input:focus-within{outline:none}.input button{font-family:Quicksand,sans-serif;background-color:#9381ff;margin-top:20px;height:30px;width:100px;box-shadow:2px 2px 4px #0003;border-radius:10px;border:none;color:#fff;transition:.3s}.input button:hover{background-color:#fff;color:#9381ff}.display{max-width:480px;margin:1rem 2rem;height:400px;padding:1.5rem;font-family:Quicksand,sans-serif;font-size:1.2rem;background-color:#b8b8ff;border-radius:15px;box-shadow:2px 2px 4px #0003;color:#fff}.display:hover{background-color:#fff;color:#9381ff}.display ol li{margin-top:10px;width:100%;display:flex;justify-content:space-between}.display ol li p{overflow-x:hidden}.display ol li button svg{background-color:#fff;border:none;box-shadow:2px 4px 4px #fff}.display ol li button svg:hover{background-color:#9381ff}.h3{text-align:center}@media (min-width:500px){#root{display:flex;justify-content:center}.App{width:25rem;height:96vh;margin-bottom:2rem}}