#root,#root>div,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.users-wrapper{display:flex;height:100%;flex-wrap:wrap}.users-wrapper .user-wrapper{height:400px;width:400px;background-color:red;margin:16px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;box-shadow:22px 19px 46px #000}.users-wrapper .user-wrapper .email{left:0;top:0;position:absolute;background-color:#ff0}.users-wrapper .user-wrapper .name{font-size:30px;font-weight:500;background-color:hsla(0,0%,100%,.3);padding:16px;cursor:pointer}.users-wrapper .user-wrapper .name:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.users-wrapper .user-wrapper .gender{position:absolute;right:0;bottom:0;padding:8px}.users-wrapper .user-wrapper .gender.male{background-color:#00f}.users-wrapper .user-wrapper .gender.female{background-color:pink}.users-wrapper .user-wrapper .age{bottom:0;left:0;position:absolute;padding:8px;background-color:green}.selected-user{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#ff0;color:#000;z-index:999}
/*# sourceMappingURL=main.88efcb69.chunk.css.map */