@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200;500;700&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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#010824;background-image:linear-gradient(90deg,#0000 0 49px,#eee1 49px),linear-gradient(180deg,#0000 0 49px,#eee1 49px);background-size:50px 50px;color:#eee;font-family:Poppins;font-size:15px;margin:0;min-height:100vh;overflow-x:hidden;&:before{background-image:linear-gradient(90deg,#d02e23,#7a43b6);border-radius:50% 50% 0 0;content:"";filter:blur(250px);height:400px;left:calc(50% - 200px);pointer-events:none;position:fixed;top:-200px;width:400px;z-index:-1}}main{margin:auto;max-width:100%;width:100%}@media screen and (max-width:1023px){section.home{& .content{& .name{font-size:4em}}& .avatar{& img{max-height:500px}}}}@media (max-width:767px){*{box-sizing:border-box;max-width:100%}section{padding:20px!important}.title{font-size:2rem!important}.des{font-size:.95rem!important}section.home{gap:30px;grid-template-columns:1fr!important;padding-top:90px}section.home,section.home .content{text-align:center}section.home .content .name{font-size:1.8rem;line-height:1.2}section.home .content .des{border-left:none;margin:20px 0;padding-left:0}section.home .cv-row{align-items:center;flex-direction:column;gap:12px}section.home .cv-row a{max-width:260px;text-align:center;width:100%}section.home .avatar{grid-row:1;margin-top:30px;text-align:center}section.home .avatar .card{margin:auto;max-width:260px;width:100%}section.home .avatar img{height:auto;max-height:300px}section.home .avatar .info{font-size:.9rem;gap:10px;grid-template-columns:1fr 1fr}header{background:#f4f4f4;box-shadow:0 2px 10px #0000001a;height:60px;justify-content:flex-start;left:0;padding:0 15px;position:fixed;top:0;width:100%;z-index:100}header,header .logo{align-items:center;display:flex}header .logo{gap:5px}header .logo img{height:auto;width:40px}header .logo span{color:#000;font-size:1rem;font-weight:700}section.projects .title{font-size:2.2rem}section.projects .list .item{flex-direction:column;text-align:center}section.projects .list .item:nth-child(2n){flex-direction:column}section.projects img{max-width:100%}.tech-badge-container{flex-wrap:wrap;justify-content:center}section.skills .title{font-size:2.2rem}section.skills .list h2{margin:20px 0;text-align:center}section.skills .new-list{justify-content:center}section.skills .item{max-width:320px;width:100%}section.experiences .title{font-size:2.2rem}section.experiences .experience-card{margin:15px 0;max-width:100%;padding:16px}section.experiences .role{font-size:1.2rem}section.education .title{font-size:2.2rem}.education-card{padding:1.2rem}.contact-container{flex-direction:column;gap:30px}.left-box{padding:20px}.right-box h3,.social-item{text-align:center}.social-item{flex-direction:column;gap:6px}}header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;box-sizing:border-box;display:flex;height:40px;justify-content:space-between;left:50%;max-width:100%;padding:0 20px;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:100}header img{width:50px}header .logo,header nav{align-items:center;display:flex;gap:30px}header nav span{color:#fcfafa;cursor:pointer}header nav span.active{color:#e945e3;text-shadow:0 0 5px #7a43b6}header .icon-bar{display:none;width:30px}@media (max-width:767px){header .icon-bar{cursor:pointer;display:block}header nav{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.373);flex-direction:column;gap:20px;height:100vh;left:-100%;padding:80px 20px;position:fixed;top:0;transition:.4s;width:45%;z-index:99}header nav span{cursor:pointer;font-size:1.1rem;font-weight:450;padding:10px 0;transition:background .3s;width:100%}header nav.active{left:0}header nav span{font-size:1.2rem}}section{box-sizing:border-box;margin:auto;max-width:100%;padding:50px;top:0;width:100%}section.home{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);justify-content:space-between;padding-top:150px}section.home .content{font-family:MuseoModerno,system-ui}section.home .content .name{font-size:2.5em;font-weight:700;line-height:1em}section.home .content .name span{-webkit-text-fill-color:#0000;animation:shine 5s linear infinite;-webkit-background-clip:text;background-image:linear-gradient(90deg,#7be728,#f3265f,#7f40ac,#7be728);background-size:200% auto}section.home .content .des{border-left:.7em solid #e945e3;color:hsla(0,0%,93%,.603);font-size:1.1em;margin:30px 0;padding-left:2em}section.home .content .cv-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}section.home .content a{background-color:initial;border:1px solid #eee;border-radius:20px;color:#eee;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;width:-webkit-max-content;width:max-content}section.home .avatar{text-align:right}section.home .avatar .card{box-shadow:0 150px 150px #e945e333;display:inline-flex;flex-direction:column;transition:.5s;width:min(100%,400px)}section.home .avatar .card:hover{box-shadow:0 150px 150px #e945e355}section.home .avatar .card img{-webkit-clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);clip-path:polygon(81% 0,100% 18%,100% 100%,0 100%,0 0);height:min(50vh,700px);object-fit:cover;object-position:top;width:100%}section.home .avatar .card .info{grid-gap:20px;background-color:#eee;color:#010824;display:grid;font-size:1.2em;gap:20px;grid-template-columns:repeat(2,1fr);padding:20px;text-align:center}section.home .avatar .card .info div:first-child,section.home .avatar .card .info div:nth-child(2),section.home .avatar .card .info div:nth-child(3),section.home .avatar .card .info div:nth-child(4){font-weight:700}section.skills{align-items:center;justify-content:center;margin:0 auto;padding:5px;position:flex;text-align:center;& .title{font-family:MuseoModerno,system-ui;font-size:5vw;font-weight:700;margin-top:10px}& .des,& .title{text-align:center}& .des{color:#eeeeee54;font-size:1rem;margin:auto;max-width:500px}.list h2.soft-skills,.list h2.technical-skills{display:inline-block;font-family:Georgia,Times New Roman,Times,serif;font-size:2rem;letter-spacing:2px;margin-right:20px;overflow:visible;padding-left:10px;text-align:left;vertical-align:top;white-space:normal;word-break:break-word}.soft-skills-list{display:flex;flex:1 1;flex-wrap:wrap;gap:1.5rem}.technical-skills{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff);-webkit-background-clip:text}.soft-skills{-webkit-text-fill-color:#0000;background:linear-gradient(80deg,#fff);-webkit-background-clip:text}& .list{margin:0 auto;&:before{background-size:200% auto;border-radius:20px;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}& .new-list{grid-gap:16px;display:grid;flex-wrap:wrap;gap:16px;grid-template-columns:repeat(4,1fr);justify-content:center;margin:10px 0}& .item{align-items:flex-start;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#353e1187;border-radius:20px;display:flex;flex-direction:column;padding:20px;width:300px;& svg{background-color:#eeeeee21;border-radius:10px;font-size:30px;margin-bottom:10px;padding:10px}h3{color:#fff;font-size:1.2rem;margin-bottom:5px}& .des{color:#ffffffe6;font-size:small;text-align:left;width:100%}}}}section.projects{& .title{font-family:MuseoModerno,system-ui;font-size:5vw;margin-top:100px}& .des,& .title{text-align:center}& .des{color:#eee5;margin:auto;max-width:500px}& .list{margin-top:50px;& .item{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:100px;& .content{& h3{font-size:3em;margin:0}& .des{text-align:left;width:100%}.tech-badge-container{display:flex;gap:10px}& .tech-badge{align-items:center;background:#111;border-radius:8px;display:inline-flex;flex-direction:row;flex-wrap:nowrap;height:32px;justify-content:center;padding:3px;width:32px}& .mission{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:70px 1fr;margin-top:10px;& div:first-child svg{background-color:#eee3;border-radius:15px;font-size:20px;padding:20px}}}}& .item:nth-child(2n){flex-direction:row-reverse}}}img{max-height:600px;max-width:500px;width:100%}.contacts{color:#fff;padding:80px 40px}.contacts .title{font-family:MuseoModerno,system-ui;font-size:4vw;margin-bottom:15px;text-align:center}.contacts .des{color:#eeeeeeb3;font-size:1.15rem;line-height:1.6;margin:0 auto 50px;max-width:600px;text-align:center}.contact-container{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;margin-top:40px}.left-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:18px;box-shadow:0 0 25px #00ffff1a;flex:1 1;padding:30px 60px 30px 30px}.left-box h3{color:#00eaff;font-size:1.6rem;margin-bottom:20px;text-align:center}.left-box form{display:flex;flex-direction:column;gap:18px}.left-box input,.left-box textarea{background:#ffffff12;border:1px solid #00ffff4d;border-radius:10px;color:#fff;font-size:1rem;outline:none;padding:14px;transition:.3s ease;width:100%}.left-box input:focus,.left-box textarea:focus{border-color:#0ff;box-shadow:0 0 10px #0ff}.left-box textarea{min-height:150px;resize:none}.left-box button{background:#00eaff;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;padding:14px;transition:.3s}.left-box button:hover{background:#0ff;box-shadow:0 0 12px #0ff}.right-box{flex:1 1;padding:10px}.right-box h3{color:#00eaff;font-size:1.6rem;margin-bottom:25px;text-align:left}.social-item{align-items:center;background:#ffffff14;border:1px solid #00ffff40;border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px;text-decoration:none;transition:.3s ease}.social-item:hover{background:#0ff3;border-color:#0ff;box-shadow:0 0 10px #0ff}.social-item .label{color:#00eaff;font-size:1.15rem;font-weight:600}.social-item .value{font-size:1rem;opacity:.85}@media (max-width:900px){.new-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:10px 0}.contact-container{flex-direction:column}.left-box,.right-box{width:100%}}.animation{filter:blur(20px);opacity:0;transform:translateY(50px);transition:.5s}.animation.active{filter:blur(0);opacity:1;transform:translateY(0)}@keyframes shine{to{background-position:200%}}section.experiences{color:#eee;font-family:MuseoModerno,sans-serif;padding:50px 20px}section.experiences .title{color:#fc0;font-size:3rem;margin-bottom:40px;text-align:center}section.experiences .experience-card{background:rgba(76,78,56,.608);border-left:4px solid #fc0;border-radius:8px;margin:20px auto;max-width:800px;padding:20px;transition:transform .3s ease,background .3s ease}section.experiences .experience-card:hover{background:#ffffff1a;transform:translateY(-5px)}section.experiences .role{font-size:1.5rem;font-weight:700}section.experiences .company{color:#ccc;font-size:1.1rem;margin-top:5px}section.experiences .location{font-style:italic}section.experiences .date{color:#aaa;font-size:.9rem;margin-top:3px}section.experiences .responsibilities{list-style-type:disc;margin-top:10px;padding-left:20px}section.experiences .responsibilities li{margin-bottom:8px}section.education{font-family:MuseoModerno,sans-serif}section.education .title{color:#c084fc;font-size:3rem;font-weight:700;letter-spacing:1px;margin-bottom:40px;text-align:center}.education-card{background:#1e293b;border-radius:1rem;box-shadow:0 5px 15px #0000004d;color:#f1f5f9;margin:0 auto 20px;max-width:700px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.education-card:hover{box-shadow:0 10px 25px #ffcc004d;transform:translateY(-5px)}.education-card .degree{color:#fc0;font-size:1.3rem;font-weight:600}.education-card .institution{color:#f8fafc;font-size:1.1rem;margin-top:5px}.education-card .location{color:#94a3b8}.education-card .date{color:#cbd5e1;font-size:.95rem;margin-top:5px}.education-card ul{color:#e2e8f0;list-style:disc;margin-top:10px;padding-left:20px}
/*# sourceMappingURL=main.bfc091ef.css.map*/