@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{background-color:#6c75e3;font-family:Quicksand,sans-serif}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.User{background-color:#7ba6f7;display:flex;flex-direction:column;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:300px;justify-content:center;margin:auto;padding:10px;width:250px}.User-img{height:250px;max-width:100%}.User-img img{height:100%;width:100%}.content{align-items:flex-start;display:flex;flex-direction:column}.content p{margin:5px 0}.Users-List-Skeleton{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:15px}:root{--card-padding:24px;--card-height:250px;--card-skeleton:linear-gradient(#bcd9f7 var(--card-height),transparent 0);--avatar-size:32px;--avatar-position:var(--card-padding) var(--card-padding);--avatar-skeleton:radial-gradient(circle 16px at center,#4b8ab9 99%,transparent 0);--title-height:32px;--title-width:200px;--title-position:var(--card-padding) 180px;--title-skeleton:linear-gradient(#4668d8 var(--title-height),transparent 0);--desc-line-height:16px;--desc-line-skeleton:linear-gradient(#5b9be6 var(--desc-line-height),transparent 0);--desc-line-1-width:230px;--desc-line-1-position:var(--card-padding) 242px;--desc-line-2-width:180px;--desc-line-2-position:var(--card-padding) 265px;--footer-height:40px;--footer-position:0 calc(var(--card-height) - var(--footer-height));--footer-skeleton:linear-gradient(#86cae9 var(--footer-height),transparent 0);--blur-width:200px;--blur-size:var(--blur-width) calc(var(--card-height) - var(--footer-height))}.card{height:250px;height:var(--card-height);width:250px}.card:empty:after{-webkit-animation:loading 1.5s infinite;animation:loading 1.5s infinite;background-image:linear-gradient(90deg,hsla(0,0%,83%,0),hsla(0,0%,83%,.8) 50%,hsla(0,0%,83%,0)),linear-gradient(#4668d8 32px,transparent 0),linear-gradient(#5b9be6 16px,transparent 0),linear-gradient(#5b9be6 16px,transparent 0),radial-gradient(circle 16px at center,#4b8ab9 99%,transparent 0),linear-gradient(#86cae9 40px,transparent 0),linear-gradient(#bcd9f7 250px,transparent 0);background-image:linear-gradient(90deg,hsla(0,0%,83%,0) 0,hsla(0,0%,83%,.8) 50%,hsla(0,0%,83%,0) 100%),var(--title-skeleton),var(--desc-line-skeleton),var(--desc-line-skeleton),var(--avatar-skeleton),var(--footer-skeleton),var(--card-skeleton);background-position:-150% 0,24px 180px,24px 242px,24px 265px,24px 24px,0 210px,0 0;background-position:-150% 0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--avatar-position),var(--footer-position),0 0;background-repeat:no-repeat;background-size:200px 210px,200px 32px,230px 16px,180px 16px,32px 32px,100% 40px,100% 100%;background-size:var(--blur-size),var(--title-width) var(--title-height),var(--desc-line-1-width) var(--desc-line-height),var(--desc-line-2-width) var(--desc-line-height),var(--avatar-size) var(--avatar-size),100% var(--footer-height),100% 100%;border-radius:6px;box-shadow:0 10px 45px rgba(0,0,0,.1);content:"";display:block;height:100%;width:100%}@-webkit-keyframes loading{to{background-position:350% 0,24px 180px,24px 242px,24px 265px,24px 24px,0 210px,0 0;background-position:350% 0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--avatar-position),var(--footer-position),0 0}}@keyframes loading{to{background-position:350% 0,24px 180px,24px 242px,24px 265px,24px 24px,0 210px,0 0;background-position:350% 0,var(--title-position),var(--desc-line-1-position),var(--desc-line-2-position),var(--avatar-position),var(--footer-position),0 0}}.Form input{height:30px;margin:20px;padding:5px;width:50vw}
/*# sourceMappingURL=main.2486e502.css.map*/