@import"https://fonts.googleapis.com/css?family=Open+Sans:300,400";:root{--primary: #007aff;--secondary: #f3f4f6;--success: #34c759;--error: #ff3b30;--dark: #1e293b;--text: #1e293b;--white: #ffffff;--alpha: rgba(0, 0, 0, .05);--shadow: rgba(0, 0, 0, .15);--bg: #f9fafb}@media(prefers-color-scheme:dark){:root{--primary: #0a84ff;--secondary: #1a1a1a;--success: #30d158;--error: #ff453a;--dark: #000000;--text: #e5e5e5;--white: #111111;--alpha: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .5);--bg: #000000}}body,.badgescard,.firstinfo{display:flex;justify-content:center;align-items:center}html{height:100%}body{font-family:Open Sans,sans-serif;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-size:16px;overflow:hidden;transition:background .3s,color .3s}*,*:before,*:after{box-sizing:border-box}.content{position:relative;animation:animatop .9s cubic-bezier(.425,1.14,.47,1.125) forwards}.card{width:500px;min-height:100px;padding:24px;border-radius:12px;background-color:var(--white);box-shadow:0 10px 25px var(--shadow);position:relative;overflow:hidden;transition:background-color .3s,box-shadow .3s}.card:after{content:"";display:block;width:180px;height:260px;background:linear-gradient(145deg,var(--primary),var(--success));position:absolute;opacity:.15;animation:rotatemagic .75s cubic-bezier(.425,1.04,.47,1.105) 1s both}.badgescard{padding:12px 20px;border-radius:12px;background-color:var(--secondary);width:480px;box-shadow:0 6px 18px var(--shadow);position:relative;left:10px;bottom:10px;animation:animainfos .5s cubic-bezier(.425,1.04,.47,1.105) .75s both;z-index:-1}.badgescard a{font-size:1.8em;margin:0 10px;opacity:.8;color:var(--primary);text-decoration:none;transition:transform .2s,opacity .2s,color .3s}.badgescard a:hover{opacity:1;transform:scale(1.15);color:var(--success)}.firstinfo{flex-direction:row;z-index:2;position:relative}.firstinfo img{border-radius:50%;width:120px;height:120px;object-fit:cover;box-shadow:0 4px 10px var(--shadow)}.firstinfo .profileinfo{padding:0 20px}.firstinfo .profileinfo h1{font-size:1.8em;margin-bottom:4px}.firstinfo .profileinfo h2{font-size:1.2em;color:var(--primary);font-style:italic;margin-bottom:8px}.firstinfo .profileinfo p.bio{padding:10px 0;color:var(--text);line-height:1.4}@keyframes animatop{0%{opacity:0;bottom:-500px}to{opacity:1;bottom:0}}@keyframes animainfos{0%{top:-100px}to{top:-2px}}@keyframes rotatemagic{0%{opacity:0;transform:rotate(0);top:-24px;left:-253px}to{transform:rotate(-30deg);top:-24px;left:-78px}}@keyframes animabottom{0%{opacity:0;left:0;top:-50px}to{opacity:1;left:0;top:-15px}}@media only screen and (min-width:1023px){.badgescard a{margin:0 9px}}@media only screen and (min-width:740px)and (max-width:1023px){.card{width:500px}.card:after{height:100px;width:500px;background-color:var(--primary);animation:animabottom .75s cubic-bezier(.425,1.04,.47,1.105) 1s both}.firstinfo{flex-wrap:wrap}.firstinfo .profileinfo{text-align:center}.badgescard{width:480px;height:65px}.badgescard a{font-size:2.4em;margin:0 9px}@keyframes animainfos{0%{top:-100px}to{top:-5px}}}@media only screen and (max-width:740px){.card{width:300px}.card:after{height:100px;width:300px;background-color:var(--primary);animation:animabottom .75s cubic-bezier(.425,1.04,.47,1.105) 1s both}.firstinfo{flex-wrap:wrap}.firstinfo .profileinfo{text-align:center}.badgescard{width:280px;height:55px}.badgescard a{font-size:2em;margin:0 8px}@keyframes animainfos{0%{top:-100px}to{top:-2px}}}.svelte-fa-base{height:1em;overflow:visible;transform-origin:center;vertical-align:-.125em}.svelte-fa-fw{text-align:center;width:1.25em}.svelte-fa-pull-left.svelte-q6zoq1{float:left}.svelte-fa-pull-right.svelte-q6zoq1{float:right}.svelte-fa-size-lg.svelte-q6zoq1{font-size:1.33333em;line-height:.75em;vertical-align:-.225em}.svelte-fa-size-sm.svelte-q6zoq1{font-size:.875em}.svelte-fa-size-xs.svelte-q6zoq1{font-size:.75em}.spin.svelte-q6zoq1{animation:svelte-q6zoq1-spin 2s 0s infinite linear}.pulse.svelte-q6zoq1{animation:svelte-q6zoq1-spin 1s infinite steps(8)}@keyframes svelte-q6zoq1-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}