@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&display=swap);:root{--yellow-theme-background-color:#020623;--yellow-theme-main-color:#2cfb08;--yellow-theme-sub-text-color:#fff;--yellow-theme-nav-background-color:#071f3c9e}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{font-size:62.5%}body,html{height:100%}body{background:#020623;background:var(--yellow-theme-background-color)}#root,.App{height:100%}.App__main-page-content{height:calc(100% - 80px)}body,html{margin:0;overflow-x:hidden;padding:0}::-webkit-scrollbar{display:none}.home{height:100%;justify-content:center;padding:140px 40px 40px;position:relative;scroll-margin-top:120px}.home,.home__content{align-items:center;display:flex}.home__content{flex-wrap:wrap;gap:40px;justify-content:space-between;max-width:1200px;width:100%}.home__text-wrapper{flex:1 1;min-width:300px}.home__text-wrapper h1{animation:typingEffectAnimation 2.5s steps(20);color:var(--yellow-theme-main-color);font-size:5rem;font-weight:500;line-height:6rem;margin:0;overflow:hidden;position:relative;white-space:nowrap}.home__contact-me{display:flex;gap:20px;margin-top:20px}.home__contact-me button{animation:buttonPulse 2s ease-in-out infinite;background:#0000;border:1.5px solid var(--yellow-theme-main-color);border-radius:4px;color:var(--yellow-theme-main-color);cursor:pointer;font-size:1.5rem;font-weight:500;padding:10px 40px}.home__contact-me button:hover{background:var(--yellow-theme-main-color);color:#000}.home__image-wrapper{display:flex;flex:1 1;justify-content:center;min-width:250px}.home__image-wrapper img{border-radius:10px;max-width:350px;transition:transform .3s ease-in-out;width:100%}.home__image-wrapper img:hover{transform:scale(1.05)}@media only screen and (max-width:768px){.home{padding:120px 20px 40px;scroll-margin-top:100px}.home__content{flex-direction:column-reverse;text-align:center}.home__text-wrapper h1{font-size:3rem;line-height:4rem;white-space:normal}.home__image-wrapper{margin-bottom:20px;padding:0 20px;width:100%}.home__image-wrapper img{max-width:300px;width:100%}}@keyframes typingEffectAnimation{0%{width:0}to{width:100%}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.wrapper{align-items:center;display:flex;justify-content:center;padding:20px}.wrapper h2{color:var(--yellow-theme-main-color);font-size:36px;font-weight:700;letter-spacing:1.5px;line-height:1rem;margin-right:10px;text-transform:capitalize}.wrapper span{align-items:center;display:flex}.wrapper span svg{color:var(--yellow-theme-main-color);font-size:36px}.about{padding:140px 40px 40px;scroll-margin-top:120px}.about__content{align-items:center;display:flex;gap:15%;padding:20px 20px 20px 8%;width:100%}.about__content__personalWrapper{text-align:center;width:50%}.about__content__personalWrapper .aboutTitle{color:var(--yellow-theme-main-color);font-size:4.5rem;font-weight:700;margin-bottom:10px}.about__content__personalWrapper .aboutSummary{color:var(--yellow-theme-sub-text-color);font-family:Inter,sans-serif;font-size:2rem;line-height:1.75;margin-bottom:20px}.about__content__personalWrapper .aboutSummary .highlightName{color:#0f1;font-weight:100}.about__content__personalWrapper .iconLinks{display:flex;gap:22px;justify-content:center;margin-top:25px}.about__content__personalWrapper .iconLinks .iconLink{align-items:center;background:rgba(57,255,2,.125);border-radius:50%;color:#fff;display:flex;font-size:2.2rem;height:55px;justify-content:center;transition:all .3s ease;width:55px}.about__content__personalWrapper .iconLinks .iconLink:hover{background:var(--yellow-theme-main-color);color:#000;transform:scale(1.15)}.about__content__personalWrapper .iconLinks .iconLink:active{transform:scale(1.05)}.about__content__imageWrapper{align-items:center;display:flex;justify-content:center;width:29%}.about__content__imageWrapper .aboutImage{border:2px solid #00ff11e3;border-radius:20px;box-shadow:0 8px 20px #1010104d;height:370px;max-width:100%;transition:transform .3s ease-in-out}.about__content__imageWrapper .aboutImage:hover{transform:scale(1.05)}@media only screen and (max-width:768px){.about:before{animation:fadeInSkills 1.5s ease-in-out;color:#15ff00;content:"About Me";font-size:33px;font-weight:700;letter-spacing:2px;margin-bottom:20px;margin-left:27%;text-align:center;text-transform:uppercase}.about__content{flex-direction:column}.about__content__imageWrapper,.about__content__personalWrapper{width:100%}.about__content__personalWrapper .aboutTitle{font-size:3rem}.about__content__personalWrapper .aboutSummary{font-size:1.8rem;padding:0 10px}.about__content__personalWrapper .iconLinks{gap:15px;margin-top:20px}.about__content__personalWrapper .iconLinks .iconLink{font-size:1.8rem;height:45px;width:45px}.about__content__imageWrapper{margin:20px 0}.about__content__imageWrapper .aboutImage{height:auto;width:142%}}.contact{padding:140px 40px 40px;scroll-margin-top:120px}.contact__content{align-items:stretch;display:flex;gap:50px;justify-content:center;padding:20px}.contact__content__left,.contact__content__right{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 15px 35px #00000040;display:flex;flex:none;flex-direction:column;justify-content:flex-start;min-height:600px;padding:50px;transition:transform .3s ease,box-shadow .3s ease;width:480px}.contact__content__left:hover,.contact__content__right:hover{box-shadow:0 18px 40px #00000059;transform:translateY(-6px)}.contact__content .box-title{color:var(--yellow-theme-sub-text-color);font-size:34px;font-weight:800;margin-bottom:35px;position:relative;text-transform:uppercase}.contact__content .box-title:after{animation:expand 1.5s ease forwards;background:var(--yellow-theme-main-color);border-radius:3px;content:"";display:block;height:4px;margin-top:10px;width:120px}.contact__content__left .contact__form{display:flex;flex-direction:column;gap:20px}.contact__content__left .contact__form input,.contact__content__left .contact__form textarea{background:#ffffff1a;border:none;border-radius:10px;color:#fff;font-size:18px;outline:none;padding:20px;width:100%}.contact__content__left .contact__form textarea{min-height:160px;resize:none}.contact__content__left .contact__form button{background:var(--yellow-theme-main-color);border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:700;padding:18px;transition:background .3s ease;width:100%}.contact__content__left .contact__form button:hover{background:#ffce54}.contact__content__right .detail-item{align-items:center;background:#ffffff14;border-radius:12px;color:var(--yellow-theme-sub-text-color);display:flex;font-size:22px;font-weight:600;gap:22px;margin-bottom:28px;padding:16px 20px;transition:all .3s ease;width:100%}.contact__content__right .detail-item svg{color:var(--yellow-theme-main-color);font-size:30px;min-width:35px}.contact__content__right .detail-item:hover{background:#ffffff26;color:#fff;transform:translateX(12px) scale(1.02)}@media only screen and (max-width:768px){.contact:before{animation:fadeInSkills 1.5s ease-in-out;color:#15ff00;content:"Contact";font-size:33px;font-weight:700;letter-spacing:2px;margin-bottom:20px;margin-left:26%;text-align:center;text-transform:uppercase}}@media(max-width:1024px){.contact__content{align-items:center;flex-direction:column;gap:30px}.contact__content__left,.contact__content__right{min-height:auto;padding:30px;width:94%}.contact__content .contact__content__right .detail-item{width:104%}.contact__content .box-title{font-size:26px;margin-bottom:25px}.contact__content .detail-item{font-size:18px;padding:12px 15px}.contact__content .detail-item svg{font-size:24px}.contact__content .contact__form button,.contact__content .contact__form input,.contact__content .contact__form textarea{font-size:16px;padding:15px}}.portfolio{align-items:center;background:#020623;display:flex;justify-content:center;min-height:80vh;padding:140px 40px 40px;scroll-margin-top:120px}.portfolio__content{max-width:1200px;opacity:0;transform:translateY(50px);transition:all 1s ease-out;width:100%}.portfolio__content.animate{opacity:1;transform:translateY(0)}.portfolio__header{animation:fadeInDown 1s ease-out;margin-bottom:80px;text-align:center}.portfolio__title{color:#2bff00;display:inline-block;font-size:4rem;font-weight:800;letter-spacing:3px;margin-bottom:20px;position:relative;text-transform:uppercase}.portfolio__title:before{content:none}.portfolio__title-underline{display:none}.portfolio__content__cards{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(2,1fr);justify-items:center}.portfolio__content__cards__item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#cc060605;border:1px solid #00ff7f1a;border-radius:20px;cursor:pointer;max-width:450px;opacity:0;overflow:hidden;position:relative;transform:translateY(100px) scale(.8);transition:all .4s cubic-bezier(.25,.46,.45,.94);width:100%}.portfolio__content__cards__item.animate-card{animation:slideUpScale 1s cubic-bezier(.25,.46,.45,.94) forwards}.portfolio__content__cards__item:hover{border-color:#00ff114d;box-shadow:0 30px 80px #00ff114d,0 0 50px #00ff111a,inset 0 0 0 1px #0f13;transform:translateY(-20px) scale(1.03)}.portfolio__content__cards__item:hover .overlay{opacity:1}.portfolio__content__cards__item:hover .project-icon .icon-placeholder{box-shadow:0 0 30px #1eff00cc;transform:rotate(1turn) scale(1.2)}.portfolio__content__cards__item:hover .project-info{transform:translateY(-5px)}.portfolio__content__cards__item:first-child{animation-delay:.2s}.portfolio__content__cards__item:nth-child(2){animation-delay:.5s}.portfolio__content__cards__item__content{align-items:center;display:flex;flex-direction:column;min-height:500px;padding:40px 30px;position:relative;text-align:center;z-index:2}.portfolio__content__cards__item .project-icon{margin-bottom:30px}.portfolio__content__cards__item .project-icon .icon-placeholder{align-items:center;border-radius:50%;box-shadow:0 10px 30px #0000004d;display:flex;font-size:3rem;height:100px;justify-content:center;position:relative;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:100px}.portfolio__content__cards__item .project-icon .icon-placeholder.ecommerce{background:linear-gradient(135deg,#667eea,#764ba2)}.portfolio__content__cards__item .project-icon .icon-placeholder.todo{background:linear-gradient(135deg,#f093fb,#f5576c)}.portfolio__content__cards__item .project-icon .icon-placeholder:before{background:linear-gradient(45deg,#2bff00,#0000,#0f2);border-radius:50%;bottom:-5px;content:"";left:-5px;opacity:0;position:absolute;right:-5px;top:-5px;transition:opacity .3s ease;z-index:-1}.portfolio__content__cards__item .project-icon .icon-placeholder:after{animation:pulse 2s infinite;border:2px solid #ff1e004d;border-radius:50%;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px}.portfolio__content__cards__item .project-icon:hover .icon-placeholder:before{opacity:.3}.portfolio__content__cards__item .overlay{background:linear-gradient(135deg,#2bff00f2,#7cfc00e6);border-radius:20px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s ease;z-index:10}.portfolio__content__cards__item .overlay div{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%}.portfolio__content__cards__item .overlay div p{animation:slideInFromTop .6s ease-out;color:#000;font-size:2.5rem;font-weight:800;letter-spacing:2px;margin:0 0 30px;text-transform:uppercase}.portfolio__content__cards__item .overlay div .overlay-buttons{align-items:center;display:flex;flex-direction:column;gap:15px}.portfolio__content__cards__item .overlay div .overlay-buttons a button,.portfolio__content__cards__item .overlay div .overlay-buttons button{background:#0000;border:2px solid #000;border-radius:50px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:all .3s ease;width:180px}.portfolio__content__cards__item .overlay div .overlay-buttons a button:hover,.portfolio__content__cards__item .overlay div .overlay-buttons button:hover{background:#000;box-shadow:0 5px 20px #0000004d;color:#2bff00;transform:scale(1.1)}.portfolio__content__cards__item .overlay div .overlay-buttons a{text-decoration:none}.portfolio__content__cards__item .overlay div .overlay-buttons>*{animation:slideInFromBottom .6s ease-out;animation-fill-mode:both}.portfolio__content__cards__item .overlay div .overlay-buttons>:first-child{animation-delay:.1s}.portfolio__content__cards__item .overlay div .overlay-buttons>:nth-child(2){animation-delay:.2s}.portfolio__content__cards__item .overlay div .overlay-buttons>:nth-child(3){animation-delay:.3s}.portfolio__content__cards__item .project-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;transition:transform .3s ease}.portfolio__content__cards__item .project-info h3{color:#2bff00;font-size:2rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;position:relative;text-transform:uppercase}.portfolio__content__cards__item .project-info h3:after{background:linear-gradient(90deg,#0000,#40ff00,#0000);bottom:-8px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.portfolio__content__cards__item .project-info .project-description{color:#fffc;flex-grow:1;font-size:2rem;line-height:1.3;margin-bottom:25px}.portfolio__content__cards__item .project-info .technologies{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}.portfolio__content__cards__item .project-info .technologies .tech-tag{background:linear-gradient(45deg,#26ff00,#4cfc00);border-radius:20px;color:#000;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.portfolio__content__cards__item .project-info .technologies .tech-tag:hover{box-shadow:0 5px 15px #00ff7f66;transform:scale(1.1) translateY(-2px)}.portfolio__content__cards__item .project-info .project-links{display:flex;gap:15px}.portfolio__content__cards__item .project-info .project-links a{border-radius:50px;flex:1 1;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:12px 20px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.portfolio__content__cards__item .project-info .project-links a:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.portfolio__content__cards__item .project-info .project-links a:hover:before{left:100%}.portfolio__content__cards__item .project-info .project-links a:first-child{background:#0000;border:2px solid #2bff00;color:#2bff00}.portfolio__content__cards__item .project-info .project-links a:first-child:hover{background:#2bff00;box-shadow:0 10px 25px #00ff7f4d;color:#000;transform:translateY(-3px)}.portfolio__content__cards__item .project-info .project-links a:last-child{background:linear-gradient(45deg,#00ff7f,#7cfc00);border:2px solid #0000;color:#000}.portfolio__content__cards__item .project-info .project-links a:last-child:hover{background:#0000;border-color:#2bff00;box-shadow:0 10px 25px #00ff7f4d;color:#2bff00;transform:translateY(-3px)}.project-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.project-modal__content{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #00ff7f33;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:90%}.project-modal__content .close-btn{background:none;border:none;color:#2bff00;cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:25px;top:20px;transition:all .3s ease;z-index:1001}.project-modal__content .close-btn:hover{color:#fff;transform:scale(1.1)}.project-modal__info{padding:40px}.project-modal__info h2{color:#2bff00;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-transform:uppercase}.project-modal__info .modal-description{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.project-modal__info .modal-technologies{margin-bottom:30px}.project-modal__info .modal-technologies h4{color:#2bff00;font-size:1.2rem;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.project-modal__info .modal-technologies .tech-list{display:flex;flex-wrap:wrap;gap:12px}.project-modal__info .modal-technologies .tech-list .modal-tech-tag{background:linear-gradient(45deg,#00ff7f,#7cfc00);border-radius:20px;color:#000;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.project-modal__info .modal-links{display:flex;gap:20px}.project-modal__info .modal-links a{border-radius:50px;flex:1 1;font-weight:700;letter-spacing:1px;padding:15px 25px;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.project-modal__info .modal-links a.github-link{background:#0000;border:2px solid #00ff7f;color:#2bff00}.project-modal__info .modal-links a.github-link:hover{background:#00ff7f;box-shadow:0 10px 25px #00ff7f66;color:#000;transform:translateY(-3px)}.project-modal__info .modal-links a.demo-link{background:linear-gradient(45deg,#00ff7f,#7cfc00);color:#000}.project-modal__info .modal-links a.demo-link:hover{background:#0000;border:2px solid #2bff00;box-shadow:0 10px 25px #00ff7f66;color:#2bff00;transform:translateY(-3px)}@media only screen and (max-width:768px){.portfolio{padding:30px 15px}.portfolio__title{font-size:2.5rem;letter-spacing:1px}.portfolio__content__cards{gap:40px;grid-template-columns:1fr}.portfolio__content__cards__item{max-width:400px}.portfolio__content__cards__item__content{min-height:450px;padding:30px 25px}.portfolio__content__cards__item .project-icon .icon-placeholder{font-size:2.5rem;height:80px;width:80px}.portfolio__content__cards__item .overlay div p{font-size:2rem}.portfolio__content__cards__item .overlay .overlay-buttons button{font-size:1rem;padding:10px 25px;width:160px}.portfolio__content__cards__item .project-info h3{font-size:1.6rem}.portfolio__content__cards__item .project-info .project-description{font-size:.9rem}.project-modal__content{margin:20px;width:95%}.project-modal__info{padding:30px 25px}.project-modal__info h2{font-size:2rem}.project-modal__info .modal-links{flex-direction:column;gap:15px}}@media only screen and (max-width:480px){.portfolio__title{font-size:33px}.portfolio__header{margin-top:80px;text-align:center}.portfolio__content__cards__item__content{min-height:400px;padding:25px 20px}.portfolio__content__cards__item .project-icon .icon-placeholder{font-size:2rem;height:70px;width:70px}.portfolio__content__cards__item .project-info h3{font-size:1.4rem}.portfolio__content__cards__item .project-info .technologies .tech-tag{font-size:.7rem;padding:5px 10px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes expand{0%{width:0}to{width:100px}}@keyframes slideUpScale{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glow{0%{opacity:.1}to{opacity:.3}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline-element-icon.shadow-size-small{-webkit-box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d;box-shadow:0 0 0 2px #fff,inset 0 1px 0 #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{-webkit-box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d;box-shadow:0 0 0 3px #fff,inset 0 2px 0 #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.resume{height:100%;padding:140px 40px 40px;scroll-margin-top:120px}.timeline{align-items:flex-start;display:flex;gap:20px;justify-content:center;min-height:calc(100vh - 200px);padding:20px;width:100%}.timeline__education{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:600px;width:50%}.timeline__education__header-text{animation:fadeInUp 1s ease-in-out;border-bottom:2px solid var(--yellow-theme-main-color);color:var(--yellow-theme-sub-text-color);display:inline-block;font-size:22px;font-weight:700;letter-spacing:.5px;line-height:1rem;padding:5px 10px;position:relative;text-transform:uppercase}.timeline__education__header-text:after,.timeline__education__header-text:before{background-color:var(--yellow-theme-main-color);bottom:-1px;content:"";height:5px;position:absolute;width:2px}.timeline__education__header-text:before{left:0}.timeline__education__header-text:after{right:0}.timeline__education__vertical-timeline-element:last-child{padding-bottom:0}.timeline__experience{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:600px;width:35%}.timeline__experience__header-text{animation:fadeInUp 1s ease-in-out;border-bottom:2px solid var(--yellow-theme-main-color);color:var(--yellow-theme-sub-text-color);display:inline-block;font-size:22px;font-weight:700;letter-spacing:.5px;line-height:1rem;padding:5px 10px;position:relative;text-transform:uppercase}.timeline__experience__header-text:after,.timeline__experience__header-text:before{background-color:var(--yellow-theme-main-color);bottom:-1px;content:"";height:5px;position:absolute;width:2px}.timeline__experience__header-text:before{left:0}.timeline__experience__header-text:after{right:0}.timeline__experience__vertical-timeline-element{padding:0 0 30px}.timeline__experience__vertical-timeline-element:last-child{padding-bottom:0}.timeline__education .vertical-timeline-element-title-wrapper,.timeline__experience .vertical-timeline-element-title-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:10px;line-height:1.1}.timeline__education .vertical-timeline-element-title-wrapper .education-year,.timeline__experience .vertical-timeline-element-title-wrapper .education-year{background:#4caf501a;border-radius:6px;color:#0af011;display:block;font-size:14px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.timeline__education .vertical-timeline-element-title-wrapper .education-degree,.timeline__experience .vertical-timeline-element-title-wrapper .education-degree{color:#fff;display:block;font-size:20px;font-weight:700;margin:0;width:100%}.timeline__education .vertical-timeline-element-title-wrapper .education-institution,.timeline__experience .vertical-timeline-element-title-wrapper .education-institution{color:#fff;display:block;font-size:16px;font-weight:500;line-height:1.3;margin:0;width:100%}.timeline__education .vertical-timeline-element-title-wrapper .education-grade,.timeline__experience .vertical-timeline-element-title-wrapper .education-grade{background:#3e9b411a;border-radius:6px;color:#fff;display:block;font-size:15px;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.timeline__education .vertical-timeline-element-title-wrapper-description,.timeline__experience .vertical-timeline-element-title-wrapper-description{font-size:18px}.timeline__education .vertical-timeline-element-content,.timeline__experience .vertical-timeline-element-content{box-shadow:none}.timeline__education .vertical-timeline-element-content-arrow,.timeline__experience .vertical-timeline-element-content-arrow{display:none}.timeline__education .vertical-timeline-element-date,.timeline__experience .vertical-timeline-element-date{color:var(--yellow-theme-sub-text-color);opacity:1}.resume__mobile-heading{display:none}@media only screen and (max-width:768px){.timeline{flex-direction:column;gap:30px}.timeline__education,.timeline__experience{width:100%}}@media only screen and (max-width:500px){.timeline{padding:10px}.resume__mobile-heading{animation:fadeInUp 1s ease-in-out;color:#0af011;display:block;font-size:30px;font-weight:700;margin-bottom:20px;text-align:center}.vertical-timeline-element-title-wrapper h3,.vertical-timeline-element-title-wrapper h4{font-size:14px}.vertical-timeline-element-date,.vertical-timeline-element-title-wrapper-description{font-size:16px}.wrapper h2{display:none}}.skills{padding:140px 40px 40px;scroll-margin-top:120px}.skills__content-wrapper{display:flex;flex-wrap:wrap;gap:40px;margin:0 auto;max-width:1400px;padding:40px 20px}.skills__content-wrapper__inner-content{animation:fadeInUp 1.2s ease-in-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e2832cc;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex:1 1;flex-direction:column;min-height:500px;min-width:350px;padding:40px 30px}.skills__content-wrapper__inner-content__category-text{color:var(--yellow-theme-main-color);font-size:20px;font-weight:700;letter-spacing:1px;margin-bottom:30px;text-align:center;text-transform:uppercase}.skills__content-wrapper__inner-content__progressbar-container{display:flex;flex-direction:column;gap:30px;width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper{width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header .skill-info{align-items:center;display:flex;gap:12px}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header .skill-info .skill-icon{align-items:center;background:#ffa5001a;border-radius:4px;color:var(--yellow-theme-main-color);display:flex;font-size:20px;height:24px;justify-content:center;padding:2px;width:24px}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header .skill-info .skill-name{color:#fff;font-size:14px;font-weight:600;margin:0;text-transform:capitalize}.skills__content-wrapper__inner-content .progressbar-wrapper .skill-header .skill-percentage{color:#fff;font-size:14px;font-weight:600;opacity:.9}.skills__content-wrapper__inner-content .progressbar-wrapper .progress-track{background:#ffffff1a;border-radius:15px;height:12px;overflow:hidden;position:relative;width:100%}.skills__content-wrapper__inner-content .progressbar-wrapper .progress-track .progress-fill{animation:fillProgress 2.5s ease-out forwards;background:linear-gradient(90deg,#5f0,#20ec05 50%,#06e309);border-radius:15px;box-shadow:0 0 15px #06e12a,inset 0 1px 0 #fff3;height:100%;position:relative}.skills__content-wrapper__inner-content .progressbar-wrapper .progress-track .progress-fill:after{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fillProgress{0%{opacity:0;width:0}50%{opacity:1}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSkills{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:768px){.skills:before{animation:fadeInSkills 1.5s ease-in-out;color:#15ff00;content:"Skills";font-size:33px;font-weight:700;letter-spacing:2px;margin-bottom:20px;margin-left:30%;text-align:center;text-transform:uppercase}.skills__content-wrapper{align-items:center;flex-direction:column;gap:20px;padding:20px 15px}.skills__content-wrapper__inner-content{animation:fadeInUp 1.2s ease-in-out both;max-width:500px;min-width:auto;padding:25px 20px;width:100%}.skills__content-wrapper__inner-content__progressbar-container{gap:20px}}.navbar{background-color:var(--yellow-theme-nav-background-color);border-radius:20px;box-shadow:0 2px 10px #0000001a;font-size:1.2rem;height:65px;justify-content:center;margin:15px 4% 0;position:fixed;width:92%;z-index:9999}.navbar,.navbar__container{align-items:center;display:flex}.navbar__container{flex:1 1;font-size:large;height:inherit;padding:0 20px;width:100%}.navbar__container h1{color:var(--yellow-theme-main-color);cursor:pointer;margin-left:2%}.navbar__container h1 span,.navbar__container span{color:var(--yellow-theme-sub-text-color)}.navbar__container__menu{display:flex;list-style:none;text-align:center}.navbar__container__menu__item{font-size:1.6rem;line-height:40px;margin-right:1.5rem}.navbar__container__menu__item:after{background:#0000;content:"";display:block;height:3px;transition:all .5s ease;width:0}.navbar__container__menu__item:hover:after{background:var(--yellow-theme-main-color);width:100%}.navbar__container__menu__item__links{color:var(--yellow-theme-main-color);padding:.5rem;text-decoration:none}.navbar__container__menu__item__links:hover{color:var(--yellow-theme-main-color)}.navbar__container__menu__item__links.active{color:#fff}.nav-icon{display:none}@media only screen and (max-width:768px){.navbar__container__menu{display:flex;flex-direction:column;justify-content:center;left:-110%;opacity:1;position:absolute;top:80px;transition:all .5s ease;width:100%}.navbar__container__menu.active{background:rgba(1,19,110,.965);left:0;opacity:1}.navbar__container__menu__item{border-bottom:1px solid #282828;margin:0;padding:20px 0}.navbar__container__menu__item__links.active{color:#fff}.nav-icon{color:var(--yellow-theme-main-color);cursor:pointer;display:block;padding-right:20px}}.footer{background-color:#020623;color:#ddd;font-family:Arial,sans-serif;padding:60px 20px}.footer__content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer__section{flex:1 1;min-width:200px}.footer__section h3{color:#1f0;font-size:1.3rem;margin-bottom:15px}.footer__section a,.footer__section li,.footer__section p{color:#ddd;font-size:1rem;line-height:1.8}.footer__section ul{list-style:none;padding:0}.footer__section ul li{margin-bottom:10px}.footer__section ul li a{color:#ddd;text-decoration:none}.footer__section ul li a:hover{color:#1f0;text-decoration:underline}.footer__section p{align-items:center;display:flex}.footer__section p svg{color:#1f0;margin-right:10px}.footer__bottom{border-top:1px solid #333;font-size:.9rem;margin-top:40px;padding-top:20px;text-align:center}.footer__bottom a{color:#1f0;text-decoration:none}.footer__bottom a:hover{text-decoration:underline}@media(max-width:1024px){.footer__content{align-items:center;flex-direction:column}.footer__section{margin-bottom:30px;text-align:center}}
/*# sourceMappingURL=main.ad79fbd7.css.map*/