.container{display:flex;align-items:center;flex-direction:column}.container header{width:40%;margin:150px 0 24px;display:flex;justify-content:space-between;align-items:center}header h1{color:#fff}header strong{color:#fff;font-size:24px;font-weight:10px}.container header img{width:60px;height:60px;border-radius:30px;margin-left:15px}.container header div{display:flex;align-items:center}.container input{width:100%;padding:24px;background:#e6e6e6;border-radius:5px;border:none;font-size:16px}.container button{width:30%;padding:20px;font-weight:700;background:#ea4c89;color:#fff;border-radius:5px;border:none;cursor:pointer;transition:filter .2s;font-size:16px}.container button:hover{filter:brightness(.9)}.input-button{width:40%;height:60px;display:flex;gap:10px;margin-bottom:20px}@media only screen and (max-width: 600px){.container input{width:85%}}@media only screen and (max-width: 600px){.container button{width:85%}}@media only screen and (max-width: 600px){.container header{width:85%}}@media only screen and (max-width: 600px){header strong{margin-left:50px}}@media only screen and (max-width: 600px){.container header img{margin-right:10px}}.card{height:60px;width:40%;background-color:#494949;color:#fff;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;padding:24px}.card strong{font-size:20px}.card small{font-size:16px}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:25px}body{background-color:#252525}