@import"https://fontbit.io/css2?family=IBM+Plex+Sans+Thai:wght@300;400&display=swap";@keyframes welcome{0%{opacity:0;margin-top:-5rem}to{opacity:1;margin-top:0}}.App{width:100%;height:100vh;display:flex;flex-direction:column;text-align:center;justify-content:center;background-color:#2e2f2fcc}.card{width:18rem;margin-left:auto;margin-right:auto;border-radius:1rem;background-color:#f5f5f5;animation:welcome 1s linear}.cardHeader{padding:2rem}.cardHeader img{width:100%;border-radius:50%}.cardContent{width:100%;padding:0;padding-bottom:2rem;color:#2e2f2f}.cardContent,.mainComponent{padding-bottom:1rem}.cardContent .mainComponent .headText{margin:0;padding-bottom:.5rem;font-weight:400}.cardContent .mainComponent .subText{padding:.5rem .5rem 0;margin:0;opacity:.5}.cardContent .contactIcon{font-size:20px}.cardContent .contactIcon a{color:#2e2f2f;transition:all .3s}.cardContent .contactIcon a:hover{opacity:.7}i.fa{display:inline-block;border-radius:60px;box-shadow:0 0 2px #888;padding:.5em .6em}.facebook{color:#1877f2!important}.twitter{color:#1d9af1!important}a.cardFooter{width:100%;height:auto;display:block;transition:all .3s;background-color:#2e2f2f;color:#f5f5f5;padding:1rem 0;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}a.cardFooter:hover{opacity:.8}:root{font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;line-height:24px;font-weight:300;color:#f5f5f5;background-color:#2e2f2f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{padding:0;margin:0;min-width:320px;min-height:100vh;background:url(https://picsum.photos/1920/1080)}