@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500|Jost:400,500,600&display=swap);*{box-sizing:border-box}body{background-attachment:fixed;background-image:url(/static/media/background.34182a77934831f04ddb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#2b2c48;display:flex;flex-wrap:wrap;font-family:Jost,sans-serif;margin:0;min-height:100vh;#root{align-self:center;display:flex;justify-content:center;width:100%;.App{transform:scale(1)}}.d-flex{display:flex}.align-self-center{align-self:center}.ml-5p{margin-left:5px}.mr-5p{margin-right:5px}.purple-link{color:#673ab7;text-decoration:none}.purple-link:hover{text-decoration:underline}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:initial}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#d6dee1;border:6px solid #0000;border-radius:20px;scrollbar-width:thin}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}}.card{background-color:#fff;border-radius:10px;box-shadow:0 0 0 10px #fff3;display:flex;flex-direction:column;margin:auto;max-width:340px;overflow-y:auto;overflow:hidden;position:relative;transition:.3s ease;z-index:1}.card[data-state="#about"]{.card-main{padding-top:0}.download-resume{border-radius:25px;padding:10px;width:-webkit-min-content;width:min-content;&:hover{color:#6900ff}.title{font-size:13px}}}.card[data-state="#experience"]{max-width:700px;.card-section#experience{.card-content{max-height:400px;overflow-y:auto;.experience-section{display:flex;flex-direction:column}}}}.card[data-state="#projects"]{max-width:700px;.card-main{max-height:400px;overflow-y:auto;.card-section{max-height:500px;.card-content{.project-section{display:grid;grid-template-columns:repeat(3,2fr);margin-top:20px}}}}.card-projects-wrapper{height:150px;margin:0 10px 20px;overflow:hidden;position:relative;width:200px;&.upcoming{&:hover{cursor:not-allowed}}&:hover{cursor:pointer;.card-project-title{opacity:0;transform:translateY(-100%)}.card-project-desc{opacity:1;transform:translateY(0)}.card-project-image{height:100%;transition:height .3s ease;img{transform:scale(1.1)}}}.card-project-title{align-items:center;background-color:#fff;bottom:0;color:#2b2c48;display:flex;font-size:14px;font-weight:600;justify-content:space-between;left:0;padding:10px;position:absolute;transition:transform .3s ease,opacity .1s ease;width:100%;z-index:1;.card-project-upcoming{background:linear-gradient(#070a17,#6900ff);color:#f0f0f0}.card-project-beta,.card-project-upcoming{border-radius:15px;font-size:12px;font-weight:400;margin-left:5px;padding:5px 10px}.card-project-beta{background:linear-gradient(#febf49,#ff8000);color:#200202}}.card-project-subtitle{display:block}.card-project-image{height:80%;width:100%;img{border-radius:10px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}}.card-project-desc{background-color:#ffffffe6;bottom:0;color:#6f6f7b;font-family:DM Sans,"sans-serif";font-size:13px;font-weight:500;left:0;opacity:0;padding:10px;position:absolute;transform:translateY(100%);transform:translateY(0);transition:opacity .3s ease,transform .3s ease;width:100%}.project-item-icon-box{align-items:center;display:flex;justify-content:center;left:0;max-height:50px;max-width:50px;position:absolute;top:0;z-index:1}}}.card.is-active{margin:10px;.card-header{height:80px}.card-cover{height:100px;top:-50px}.card-avatar{bottom:10px;height:50px;left:20px;transform:none;width:50px}.card-fullname,.card-jobtitle{left:86px;transform:none}.card-fullname{bottom:18px;font-size:19px}.card-fullname,.card-jobtitle{color:#e3e3e3;text-shadow:0 1px 2px #0000004d}.card-jobtitle{bottom:16px;font-size:10px;letter-spacing:1px}}.card-header{display:flex;flex-shrink:0;height:200px;margin-bottom:10px;position:relative;transition:.3s;width:100%;*{transition:.3s}}.card-cover{background-image:url(/static/media/background.34182a77934831f04ddb.png);background-position:50%;background-size:cover;filter:blur(30px);height:100%;height:160px;left:0;position:absolute;top:-20%;transform:scale(1.2);transition:.5s;width:100%;will-change:top}.card-avatar{border-radius:50%;box-shadow:0 8px 8px #0003;height:100px;object-fit:cover;object-position:center;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;text-shadow:0 8px 8px #0003;transform:translateY(-10px) translateX(-50%);transition:color .3s ease;white-space:nowrap}.card-jobtitle{bottom:0;font-size:11px;font-weight:600;left:50%;letter-spacing:1.5px;margin:0;opacity:.7;position:absolute;text-transform:uppercase;transform:translateX(-50%) translateY(-7px);white-space:nowrap}.card-main{display:flex;flex:1 1;flex-direction:column;padding-top:10px;position:relative;transition:.3s ease}.card-subtitle{font-size:13px;font-weight:700;margin-bottom:8px}.card-content{display:flex;flex-direction:column;padding:20px}.card-desc{color:#636b6f;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.6;margin:0}.card-social{align-items:center;display:flex;margin-bottom:30px;padding-top:20px;.star-performer{cursor:pointer;position:relative;&:hover{scale:1.2;svg{fill:gold}}.star-performer-image{border-radius:8px;bottom:100%;box-shadow:0 4px 8px #0003;display:none;height:auto;left:50%;position:absolute;transform:translateX(-50%);width:200px;z-index:10}&.active .star-performer-image{display:block}}svg{fill:#a5b5ce;display:block;width:16px}a,svg{transition:.3s}a{align-items:center;background-color:#5d85c10d;border-radius:50%;color:#8797a1;display:inline-flex;height:32px;justify-content:center;margin-right:10px;width:32px;&:hover{scale:1.2;svg{fill:#673ab7}}&:last-child{margin-right:0}}}.card-buttons{background-color:#fff;bottom:0;display:flex;left:0;margin-top:auto;position:-webkit-sticky;position:sticky;button{background:0;border:0;border-bottom:3px solid #0000;color:#5c5c6d;cursor:pointer;flex:1 1 auto;font-family:Jost,sans-serif;font-size:10px;font-weight:600;outline:0;padding:15px 5px;transition:.3s;-webkit-user-select:none;user-select:none;&.is-active,&:hover{background:linear-gradient(180deg,#7fc7e700 0,#cfccff33 44%,#d3e2ff66);border-bottom:3px solid #673ab7;color:#2b2c48}}}.card-section{display:none;transition:.3s ease;&.is-active{animation:fadeIn .6s both;display:block}}@keyframes fadeIn{0%{opacity:0;transform:translatey(40px)}to{opacity:1}}.card-timeline{margin-top:30px;position:relative;&:after{background:linear-gradient(0deg,#86d6f300 0,#516acc);content:"";height:100%;left:42px;position:absolute;top:0;width:2px}}.card-item{padding-bottom:30px;padding-left:60px;padding-right:20px;position:relative;z-index:1;&:last-child{padding-bottom:5px}&:after{background:#d1abf2;border:2px solid #d1abf2;border-radius:50%;color:rgba(#868686,.7);content:attr(data-year);font-size:11px;height:8px;left:37px;line-height:.6;position:absolute;text-indent:-35px;top:0;width:10px;width:8px}}.card-item-title{font-size:14px;font-weight:500;margin-bottom:5px}.card-item-desc{color:#6f6f7b;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.5}.card-contact-wrapper{margin-top:20px}.card-contact{align-items:center;color:#6f6f7b;cursor:pointer;display:flex;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.6;&+&{margin-top:16px}svg{border-right:1px solid #dfe2ec;flex-shrink:0;margin-right:12px;min-height:34px;padding-right:12px;transition:.3s;width:30px}}.contact-me{background:linear-gradient(#070a17,#6900ff);border:0;border-radius:5px;box-shadow:0 4px 6px #00000026;color:#fff;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;font-weight:500;margin-top:25px;outline:none;padding:12px 16px;transition:.3s;width:100%}.card[data-state="#skills"]{.card-main{.card-section#skills{max-height:400px;overflow-y:auto}}.card-skills{margin-top:20px}.skills-list{display:flex;flex-wrap:wrap;gap:10px;list-style-type:none;margin-top:10px;padding:0}.skills-list--no-icons li{padding:6px 12px}.skills-list li{align-items:center;background-color:#f0f0f0;border-radius:15px;color:#333;display:flex;font-size:12px;gap:5px;justify-content:center;padding:5px 10px;.skills-icon{height:16px;width:16px}.skills-icon .skill-logo-img{height:16px;object-fit:contain;width:16px}}}@media (max-width:1096px){.card[data-state="#experience"]{max-width:550px}.card[data-state="#projects"]{.card-main{.card-section{.card-content{.project-section{grid-template-columns:repeat(2,2fr)}}}}}}@media (min-width:1280px){body{#root{.App{transform:scale(1.4)}}}}@media (max-width:768px){.card[data-state="#projects"]{.card-main{.card-section{.card-content{align-items:center;max-width:400px;.project-section{display:grid;grid-template-columns:repeat(1,1fr)}}}}.card-projects-wrapper{width:280px}}}.star-performer-bar-link{display:flex;justify-content:center;margin:10px 0 0;text-decoration:none}.star-performer-bar{animation:star-performer-text-color 12s linear infinite;background:#fff;background-clip:padding-box;border:3px solid #0000;border-radius:30px;box-shadow:0 2px 12px 0 #673ab71a;color:#673ab7;cursor:pointer;font-size:13px;font-weight:700;overflow:hidden;padding:6px 24px;position:relative;transition:color .3s;z-index:1}@keyframes star-performer-text-color{0%{color:#fff;text-shadow:0 1px 8px #673ab7}25%{color:gold;text-shadow:0 1px 8px #673ab7}50%{color:#fff;text-shadow:0 1px 8px #673ab7}75%{color:gold;text-shadow:0 1px 8px #673ab7}to{color:#fff;text-shadow:0 1px 8px #673ab7}}.star-performer-bar:before{animation:lightning-gradient 12s linear infinite;background:linear-gradient(270deg,gold,#673ab7,#00f0ff,gold,#673ab7);background-size:400% 400%;border-radius:32px;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes lightning-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.star-performer-bar:hover{box-shadow:0 4px 24px 0 #ffd7002e;color:gold}.tenx-highlight{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#ad1818,#673ab7);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e05cda;font-size:.95em;font-weight:700;padding:0 1px;text-shadow:0 1px 8px #e0c3fc,0 0 0 #0000}
/*# sourceMappingURL=main.a722c72d.css.map*/