*{margin:0;padding:0}.App{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;font-family:Roboto,sans-serif}.cardusers{min-width:40vw;height:auto;margin-top:.5em;background-color:#bcece0;border-radius:10px;box-shadow:4px 4px 5px #000}.cardusers__header{display:flex;flex-direction:column;align-items:center;padding:1em;overflow:hidden;border-radius:10px 10px 0 0;text-shadow:1px 1px 3px}.cardusers__header img{width:150px;height:150px;border-radius:50%;border:2px solid #000;box-shadow:1px 1px 3px}.cardusers__header h2{color:#fff}.cardusers__body{display:flex;flex-direction:column;align-items:center;padding:1em;overflow:hidden;border-radius:0 0 10px 10px;text-shadow:1px 1px 3px}.cardusers__button{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.5em;overflow:hidden;width:5vw;height:10vh;border-radius:50%;box-shadow:1px 1px 3px}.cardusers__button i{font-size:2em;color:#fff;text-shadow:1px 1px 3px}@media screen and (max-width: 321px){.cardusers{width:250px;height:430px;margin:0 auto;padding:0}.cardusers__header{padding:.5em}.cardusers__header img{width:100px;height:100px}.cardusers__header h2{font-size:1.5em}.cardusers__body{padding:.5em;height:auto;overflow:hidden;text-align:center;margin-top:.8em}.cardusers__button{width:20vw;height:8vh;margin-top:.5em}.cardusers__button i{font-size:1.5em}}@media screen and (min-width: 321px) and (max-width: 600px){.cardusers{width:80vw;height:auto;margin:0 auto;padding:0}.cardusers__header{padding:1em}.cardusers__header img{width:150px;height:150px}.cardusers__header h2{font-size:1.5em}.cardusers__body{padding:.5em;height:auto;overflow:hidden;text-align:center;margin-top:.8em}.cardusers__button{width:20vw;height:8vh;margin-top:1em}.cardusers__button i{font-size:1.5em}}@media screen and (min-width: 601px) and (max-width: 900px){.cardusers__button{width:10vw;height:10vh;margin-top:.5em}}