@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500|Jost:400,500,600&display=swap);.card-header{display:flex;flex-shrink:0;height:200px;position:relative;width:100%}.card-header,.card-header *{transition:.3s}.card-cover{background-position:50%;background-size:cover;-webkit-filter:blur(30px);filter:blur(30px);height:100%;height:160px;left:0;position:absolute;top:-20%;-webkit-transform:scale(1.2);transform:scale(1.2);transition:.5s;width:100%;will-change:top}.card-avatar{border-radius:50%;box-shadow:0 8px 8px rgba(0,0,0,.2);height:100px;object-fit:cover;object-position:center;-webkit-transform:translateX(-50%) translateY(-64px);transform:translateX(-50%) translateY(-64px);width:100px}.card-avatar,.card-fullname{bottom:0;left:50%;position:absolute}.card-fullname{font-size:22px;font-weight:700;text-align:center;-webkit-transform:translateY(-10px) translateX(-50%);transform:translateY(-10px) translateX(-50%);white-space:nowrap}.card-jobtitle{bottom:0;font-size:11px;font-weight:500;left:50%;letter-spacing:1.5px;margin:0 0 -10px;opacity:.7;position:absolute;text-transform:uppercase;-webkit-transform:translateX(-50%) translateY(-7px);transform:translateX(-50%) translateY(-7px);white-space:nowrap}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(40px);transform:translatey(40px)}to{opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(40px);transform:translatey(40px)}to{opacity:1}}.card-desc{color:#636b6f;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin:0;max-width:340px}.card-social{align-items:center;display:flex;margin-bottom:10px;padding:0 20px}.card-social .svg-icon{color:#a5b5ce;display:block;transition:.3s;width:16px}.card-social a{align-items:center;background-color:rgba(93,133,193,.05);border-radius:50%;color:#8797a1;display:inline-flex;height:32px;justify-content:center;margin-right:10px;transition:.3s;width:32px}.card-social a:hover .svg-icon{color:#637faa}.card-social a:last-child{margin-right:0}.card-buttons{background-color:#fff;bottom:0;display:flex;left:0;margin-top:auto;position:-webkit-sticky;position:sticky}.card-buttons button{background:0;border:0;border-bottom:3px solid transparent;color:#5c5c6d;cursor:pointer;flex:1 1 auto;font-family:Jost,sans-serif;font-size:13px;font-weight:500;outline:0;padding:15px 5px;transition:.3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.card-buttons button.is-active,.card-buttons button:hover{background:linear-gradient(180deg,rgba(127,199,231,0) 0,rgba(207,204,255,.2) 44%,rgba(211,226,255,.4));border-bottom:3px solid #8a84ff;color:#2b2c48}.card-contact-wrapper{margin-top:20px}.card-contact-wrapper p{display:flex;flex:1 1;width:100%}.card-contact{align-items:center;color:#6f6f7b;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6}.card-contact+.card-contact{margin-top:16px}.card-contact svg{border-right:1px solid #dfe2ec;flex-shrink:0;margin-right:12px;min-height:34px;padding-right:12px;transition:.3s;width:15px}.portfolio__conteiner{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(2,1fr);max-width:900px}.portfolio__item{background:var(--color-bg-variant);border:1px solid transparent;border-radius:2rem;padding:1.2rem;transition:var(--transition)}.portfolio__item:hover{background:transparent;border-color:var(--color-primary-variant)}.portfolio__item-image{border-radius:1rem;overflow:hidden}.portfolio__item-image img{max-width:340px}.portfolio__item h3{margin:.5rem 0 1rem}.portfolio__item-cta{display:flex;gap:1rem;margin-bottom:1rem}.portfolio__item-cta span{margin-left:1rem}@media (max-width:440px){.portfolio__conteiner{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(1,1fr);max-width:900px}}.card-main{flex:1 1;padding-top:30px}.card,.card-main{display:flex;flex-direction:column;position:relative}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 0 8px hsla(0,0%,100%,.2);margin:auto;overflow-x:hidden;overflow-y:auto;transition:.3s;z-index:1}.card-content{min-width:340px;padding:20px}.card-subtitle{font-size:13px;font-weight:700;margin-bottom:8px}.card-section{display:none}.card-section.is-active{-webkit-animation:fadeIn .6s both;animation:fadeIn .6s both;display:block}body{align-items:center;background-attachment:fixed;background-image:url(/My-Profile-card/static/media/mountain.9ea196317032a76f4d44.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#2b2c48;display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh}.btn,body{font-family:Jost,sans-serif}.btn{background:linear-gradient(90deg,rgba(83,200,239,.8) 0,rgba(81,106,204,.8) 96%);border:0;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.15);color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:25px;outline:none;padding:12px 16px;text-align:center;transition:.3s;width:100%}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-primary-variant:#4db5ff;--color-bg-variant:#fac7624a;--transition:all 400ms ease}
/*# sourceMappingURL=main.5a2bd007.css.map*/