.App{text-align:left;padding:20px;background:#fffc;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:start}input{padding:2px 15px;margin:10px 10px 10px -5px}.input-container{padding:0;text-align:left;box-sizing:border-box}input:focus{outline:none;border-color:#007bff;box-shadow:0 0 3px #007bff80;border-radius:3px}button{padding:4px 15px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:12px}button:hover{background-color:#0056b3;transition:background-color .7s ease}h1{margin:15px 15px 1px;font-size:large;color:#000}.label__search{margin-left:-5px;font-weight:500;font-size:16px}div{margin:20px}img{border-radius:5%;width:150px;height:150px;object-fit:cover;margin-top:-30px}.user-avatar{transition:opacity .5s ease-in-out}@media (max-width: 768px){.container{padding:10px}.input-group{flex-direction:column;align-items:center}}body{font-family:Helvetica,sans-serif;margin:0;padding:0;height:100vh;background:linear-gradient(to bottom,#80868e,#5a6f84);display:flex;justify-content:center;align-items:center}