@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);.has-scrollbar::-webkit-scrollbar{height:5px;width:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0 16px 30px rgba(0,0,0,.125);--shadow-3:0 16px 40px rgba(0,0,0,.125)}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{background:#ffffff1a;border:5px solid var(--smoky-black);border-radius:20px;box-shadow:inset 1px 1px 0 #ffffff1c,inset -1px -1px 0 #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}}:root{--bg-gradient-onyx:linear-gradient(to bottom right,#3f3f40 3%,#303030 97%);--bg-gradient-jet:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;--border-gradient-onyx:linear-gradient(to bottom right,#404040,#40404000 50%);--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#dc4492);--jet:#383838;--onyx:#2b2b2c;--eerie-black-1:#202022;--eerie-black-2:#1e1e1f;--smoky-black:#121212;--white-1:#fff;--white-2:#fafafa;--orange-yellow-crayola-1:#dc4492;--orange-yellow-crayola:#ffdb70;--vegas-gold:#ceb15a;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--bittersweet-shimmer:#b84c4c;--ff-poppins:"Poppins",sans-serif;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--transition-1:0.25s ease;--transition-2:0.5s ease-in-out}body{--bg-color:#121212;--text-color:#f8f8f8;background-color:var(--bg-color);color:var(--text-color)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}.ion-icon,a,button,img,span,time{display:block}button{border:none;cursor:pointer;text-align:left}button,input,textarea{background:none;font:inherit}input,textarea{display:block;width:100%}::selection{background:#ffdb70;background:var(--orange-yellow-crayola);color:#121212;color:var(--smoky-black)}:focus{outline-color:#ffdb70;outline-color:var(--orange-yellow-crayola)}html{font-family:Poppins,sans-serif;font-family:var(--ff-poppins)}.article{background:#1e1e1f;background:var(--eerie-black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:20px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);padding:15px;z-index:1}.separator{background:#383838;background:var(--jet);height:1px;margin:16px 0;width:100%}.icon-box{align-items:center;background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx);border-radius:8px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);color:#ffdb70;color:var(--orange-yellow-crayola);display:flex;font-size:16px;height:30px;justify-content:center;position:relative;width:30px;z-index:1}.icon-box:before{background:#202022;background:var(--eerie-black-1);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.icon-box .ion-icon{--ionicon-stroke-width:35px}article{display:none}article.active{animation:fade .5s ease backwards;display:block}@keyframes fade{0%{opacity:0}to{opacity:1}}.h2,.h3,.h4,.h5{color:#fafafa;color:var(--white-2);text-transform:capitalize}.h2{font-size:24px;font-size:var(--fs-1)}.h3{font-size:18px;font-size:var(--fs-2)}.h4{font-size:16px;font-size:var(--fs-4)}.h5{font-size:13px;font-size:var(--fs-7);font-weight:500;font-weight:var(--fw-500)}.article-title{padding-bottom:7px;position:relative}.article-title:after{background:linear-gradient(90deg,#ffdb70,#dc4492);background:var(--text-gradient-yellow);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.content-card{background:linear-gradient(to bottom right,#404040,#40404000 50%);background:var(--border-gradient-onyx);border-radius:14px;box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);cursor:pointer;padding:45px 15px 15px;position:relative;z-index:1}.content-card:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}@media (min-width:580px){article{margin-inline:auto;padding:30px;width:520px}.article-title{font-weight:600;font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{height:5px;width:50px}.icon-box{border-radius:12px;font-size:18px;height:48px;width:48px}}@media (min-width:768px){article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}}@media (min-width:1024px){article{box-shadow:0 24px 80px #00000040;box-shadow:var(--shadow-5);width:950px}}@media (min-width:1250px){article{min-height:100%;width:auto}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2b2b2cbf;border:1px solid var(--jet);border-radius:12px 12px 0 0;bottom:0;box-shadow:var(--shadow-2);left:0;position:fixed;width:100%;z-index:5}.navbar-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:0 10px}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);padding:20px 7px;transition:color var(--transition-1)}.navbar-link:focus,.navbar-link:hover{color:var(--orange-yellow-crayola-1)}.navbar-link.active{color:var(--orange-yellow-crayola)}main{margin:15px 12px 75px;min-width:259px}[data-theme=dark] .theme-btn .moon-icon,[data-theme=light] .theme-btn .sun-icon{display:none}.icon-btn .material-symbols-rounded{color:#fff}.material-symbols-rounded{font-variation-settings:"FILL"1,"wght"600,"GRAD"0,"opsz"28;height:.7em;width:.7em}@media (min-width:580px){.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.navbar-link{--fs-8:14px}main{margin-bottom:100px;margin-top:60px}}@media (min-width:768px){.navbar-link{--fs-8:15px}}@media (min-width:1024px){.main-content{margin:auto;position:relative}.main-content,.navbar{width:-webkit-max-content;width:max-content}.navbar{border-radius:0 20px;bottom:auto;box-shadow:none;left:auto;padding:0 20px;position:absolute;right:0;top:0}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}main{margin-bottom:60px}}@media (min-width:1250px){main{align-items:stretch;display:flex;gap:25px;justify-content:center;margin-inline:auto;max-width:1200px}.main-content{margin:0;min-width:75%;width:75%}}.about .article-title{margin-bottom:15px}.about-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.about-text p{line-height:1.6;margin-bottom:15px;text-align:justify}.about-text span{display:inline;font-weight:var(--fw-600)}@media (min-width:580px){.about .article-title{margin-bottom:20px}.about-text{margin-bottom:40px}}.skills-title{margin-bottom:20px}.skill-list{padding:20px}.skill-item:not(:last-child){margin-bottom:15px}.title-wrapper{align-items:center;gap:5px;margin-bottom:8px}.content-card{margin-bottom:20px}.skill-progress-bg{background:var(--jet);border-radius:10px;height:8px;width:100%}.skill-progress-fill{animation:skill-progress-fill 1s linear forwards;background:var(--text-gradient-yellow);border-radius:inherit;height:100%}.article-title-hr:after{height:5px;width:60px}.article-title-tech:after{height:5px;width:100px}@keyframes skill-progress-fill{0%{width:0}}@media (min-width:580px){.skills-item:not(:last-child){margin-bottom:25px}}.skills{padding:20px}.title-wrapper{display:flex}.skill-progress-bg{background-color:#3d3d3d;border-radius:8px;height:12px;overflow:hidden}.article-title{margin-bottom:30px}.experience-flex span{color:var(--vegas-gold);display:inline;font-weight:var(--fw-400);line-height:1.6}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;display:flex;gap:15px;margin-bottom:25px}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);line-height:1.3;margin-bottom:7px}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{background:var(--jet);content:"";height:calc(100% + 50px);left:-30px;position:absolute;top:-25px;width:1px}.timeline-item:after{background:var(--text-gradient-yellow);border-radius:50%;box-shadow:0 0 0 4px var(--jet);content:"";height:6px;left:-33px;position:absolute;top:5px;width:6px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}@media (min-width:580px){.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{height:8px;left:-43px;width:8px}}@media (min-width:1250px){.timeline-text{max-width:700px}}.project-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:10px}.project-item{display:none}.project-item.active{animation:scaleUp .25s ease forwards;display:block}.project-title:hover{color:orange;font-weight:var(--fw-500)}.project-category:hover{color:skyblue;font-weight:var(--fw-400)}.project-item>a{width:100%}.project-img{border-radius:16px;height:200px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.project-img:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:var(--transition-1);width:100%;z-index:1}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale:0.8;background:var(--jet);border-radius:12px;color:var(--orange-yellow-crayola);font-size:20px;left:50%;opacity:0;padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--scale));transition:var(--transition-1);z-index:1}.project-item>a:hover .project-item-icon-box{--scale:1;opacity:1}.project-item-icon-box ion-icon{--ionicon-stroke-width:50px}.project-img img{height:100%;object-fit:cover;transition:var(--transition-1);width:100%}.project-item>a:hover img{transform:scale(1.1)}.project-category,.project-title{margin-left:10px}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);line-height:1.3;text-transform:capitalize}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}@media (min-width:360px){.project-img{height:auto}}@media (min-width:580px){.project-img{border-radius:16px}}@media (min-width:768px){.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{align-items:center;display:flex;gap:25px;justify-content:flex-start;margin-bottom:30px;padding-left:5px}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.blog-posts-list,.project-list{grid-template-columns:1fr 1fr}}.sidebar{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:20px;box-shadow:var(--shadow-1);margin-bottom:15px;min-height:112px;overflow:hidden;padding:15px;transition:var(-transition-2);z-index:1}.sidebar.active{max-height:405px}.sidebar-info{align-items:center;display:flex;gap:15px;justify-content:flex-start;position:relative}.avatar-box img{background:var(--bg-gradient-onyx);border-radius:50%}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{background:var(--onyx);border-radius:8px;color:var(--white-1);font-size:var(--fs-8);font-weight:var(--fw-300);padding:3px 12px;width:-webkit-max-content;width:max-content}.info-more-btn{background:var(--border-gradient-onyx);border-radius:0 15px;box-shadow:var(--shadow-2);color:var(--orange-yellow-crayola);font-size:13px;padding:10px;right:-15px;top:-15px;z-index:1}.info-more-btn,.info-more-btn:before{position:absolute;transition:var(--transition-1)}.info-more-btn:before{background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;z-index:-1}.info-more-btn:focus,.info-more-btn:hover{background:var(--bg-gradient-yellow-1)}.info-more-btn:focus:before,.info-more-btn:hover:before{background:var(--bg-gradient-yellow-2)}.info-more-btn span{display:none}.sidebar-info-more{opacity:0;transition:var(--transition-2);visibility:hidden}.sidebar.active .sidebar-info-more{opacity:1;visibility:visible}@media (min-width:360px){.sidebar{margin-bottom:30px;margin-inline:auto;max-height:180px;padding:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info-more-btn{padding:10px 15px;right:-30px;top:-30px}}@media (min-width:580px){.sidebar{margin-bottom:30px;margin-inline:auto;max-height:180px;padding:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info-more-btn{padding:10px 15px;right:-30px;top:-30px}.info-more-btn span{display:block;font-size:var(--fs-8)}.info-more-btn .ion-icon{display:none}}@media (min-width:1024px){.sidebar{box-shadow:var(--shadow-5);height:100%;margin-bottom:0;max-height:-webkit-max-content;max-height:max-content;padding-top:60px;position:-webkit-sticky;position:sticky;top:60px;width:950px;z-index:1}.sidebar-info{flex-direction:column}.sidebar.active{max-height:784px}.avatar-box img{width:150px}.info-content .name{text-align:center;white-space:nowrap}.info-content .title{margin:auto}.info-more-btn{display:none}.sidebar-info-more{opacity:1;visibility:visible}}@media (min-width:1250px){.sidebar{height:100%;margin-bottom:0;max-height:-webkit-max-content;max-height:max-content;padding-top:60px;position:-webkit-sticky;position:sticky;top:60px;width:auto;z-index:1}.sidebar-info{flex-direction:column}.avatar-box img{width:150px}.info-content .name{text-align:center;white-space:nowrap}.info-content .title{margin:auto}.info-more-btn{display:none}.sidebar-info-more{opacity:1;visibility:visible}}.contacts-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.contact-item{align-items:center;display:flex;gap:16px;min-width:100%}.contact-info{max-width:calc(100% - 46px);width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);margin-bottom:2px;text-transform:uppercase}.contact-info :is(.contact-link,time,address){color:var(--white-2);font-size:var(--fs-7)}.contact-info address{font-style:normal}@media (min-width:580px){.separator{margin:32px 0}.contacts-list{gap:20px}.contact-info{max-width:calc(100% - 64px);width:calc(100% - 64px)}}@media (min-width:768px){.contacts-list{gap:30px 15px;grid-template-columns:1fr 1fr}}@media (min-width:1024px){.contacts-list{grid-template-columns:1fr}.contact-info :is(.contact-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info :is(.contact-link,time,address){--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{margin:15px 0;opacity:0}}@media (min-width:1250px){.contacts-list{grid-template-columns:1fr}.contact-info :is(.contact-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info :is(.contact-link,time,address){--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{margin:15px 0;opacity:0}}.social-list{align-items:center;display:flex;gap:15px;justify-content:flex-start;padding-bottom:4px;padding-left:7px}.social-item .social-link{color:var(--light-gray);font-size:18px}.social-item .social-link:hover{color:var(--orange-yellow-crayola)}@media (min-width:360px){.social-list{justify-content:space-evenly}.social-item .ion-icon{font-size:25px}}@media (min-width:580px){.separator{margin:32px 0}}@media (min-width:1024px){.separator:last-of-type{margin:15px 0;opacity:0}.social-list{justify-content:center}}@media (min-width:1250px){.separator:last-of-type{margin:15px 0;opacity:0}.social-list{justify-content:center}}.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{align-items:center;background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:14px;color:var(--light-gray);display:flex;font-size:var(--fs-6);font-weight:var(--fw-300);justify-content:space-between;padding:12px 16px;width:100%}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--eerie-black-2);border:1px solid var(--jet);border-radius:14px;opacity:0;padding:6px;pointer-events:none;position:absolute;top:calc(100% + 6px);transition:.15s ease-in-out;visibility:hidden;width:100%;z-index:2}.filter-select.active+.select-list{opacity:1;pointer-events:all;visibility:visible}.select-item button{background:var(--eerie-black-2);border-radius:8px;color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);padding:8px 10px;text-transform:capitalize;width:100%}.select-item button:hover{--eerie-black-2:#323234}.certificate-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:10px}.certificate-item{display:none}.certificate-item.active{animation:scaleUp .25s ease forwards;display:block}.certificate-title:hover{color:orange;font-weight:var(--fw-400)}.certificate-category:hover{color:#ff0;font-weight:var(--fw-400)}.article-title-webdev:after{height:5px;width:130px}.article-title-hrm:after{height:5px;width:230px}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.certificate-item>a{width:100%}.certificate-img{border-radius:16px;height:200px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.certificate-img:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:var(--transition-1);width:100%;z-index:1}.certificate-item>a:hover .certificate-img:before{background:#00000080}.certificate-item-icon-box{--scale:0.8;background:var(--jet);border-radius:12px;color:var(--orange-yellow-crayola);font-size:20px;left:50%;opacity:0;padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--scale));transition:var(--transition-1);z-index:1}.certificate-item>a:hover .certificate-item-icon-box{--scale:1;opacity:1}.certificate-item-icon-box ion-icon{--ionicon-stroke-width:50px}.certificate-img img{height:100%;object-fit:cover;transition:var(--transition-1);width:100%}.certificate-item>a:hover img{transform:scale(1.1)}.certificate-category,.certificate-title{margin-left:10px}.certificate-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);line-height:1.3;text-transform:capitalize}.certificate-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}@media (min-width:360px){.certificate-img{height:auto}}@media (min-width:580px){.certificate-img{border-radius:16px}}@media (min-width:768px){.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{align-items:center;display:flex;gap:25px;justify-content:flex-start;margin-bottom:30px;padding-left:5px}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.blog-posts-list,.certificate-list{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.31dc13da.css.map*/