@import"https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.navbar{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:10;padding:5px;border-radius:2.5rem}.navbar ul li{transition:.2s}.navbar ul li:hover{transform:scale(1.1)!important}@media (max-width: 1290px){.navbar{top:unset;bottom:10px;left:50%;right:unset;transform:translate(-50%);padding-inline:15px;animation:navBackground 2s ease-in-out both}.navbar ul{display:flex;gap:1rem}.navbar ul li{padding:0}}.navbar .navLink{background-color:var(--mainColor);border-radius:50%;padding:10px;color:var(--fontColor);transition:all .3s ease-in-out;display:flex;align-items:center;justify-content:center}.navbar .navLink svg{font-size:1.5rem}@media (max-width: 600px){.navbar .navLink svg{font-size:1.2rem}}.navbar .navLink.active{background-color:var(--fontColor);color:var(--mainColor)}@keyframes navBackground{0%{box-shadow:unset;background-color:unset}to{background-color:#191d2459;box-shadow:-10px 10px 20px -4px #0000008c}}.homepage{position:relative;overflow:visible!important}.homepage p{color:var(--fontColor)}.homepage .coloredLetter{color:var(--mainColor);animation:glow 2s ease-in-out 2s infinite both alternate;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.homepage .coloredLetter{filter:none}}@keyframes glow{0%{filter:drop-shadow(0px 0px 5px rgba(235,124,76,.1294117647))}to{filter:drop-shadow(0px 0px 5px rgba(235,124,76,.7294117647))}}.homepage .coloredLetter:nth-of-type(1){animation-delay:2.1s}.homepage .coloredLetter:nth-of-type(2){animation-delay:2.2s}.homepage .coloredLetter:nth-of-type(3){animation-delay:2.3s}.homepage .coloredLetter:nth-of-type(4){animation-delay:2.4s}.homepage .coloredLetter:nth-of-type(5){animation-delay:2.5s}.homepage .coloredLetter:nth-of-type(6){animation-delay:2.6s}.homepage .coloredLetter:nth-of-type(7){animation-delay:2.7s}.homepage .coloredLetter:nth-of-type(8){animation-delay:2.8s}.homepage .coloredLetter:nth-of-type(9){animation-delay:2.9s}.homepage .coloredLetter:nth-of-type(10){animation-delay:3s}.homepage .coloredLetter:nth-of-type(11){animation-delay:3.1s}.homepage .coloredLetter:nth-of-type(12){animation-delay:3.2s}.homepage .coloredLetter:nth-of-type(13){animation-delay:3.3s}.homepage .coloredLetter:nth-of-type(14){animation-delay:3.4s}.homepage .coloredLetter:nth-of-type(15){animation-delay:3.5s}.contact-page{padding-block:var(--pagePadding)}.contact-page h2{color:var(--fontColor);text-transform:capitalize;margin:2rem auto;font-weight:700}.contact-page h2 span{color:var(--mainColor)}.contact-page .contact-container .form-container .form{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.contact-page .contact-container .form-container .form .text-field{animation:fieldAnimation .5s ease-in-out both}.contact-page .contact-container .form-container .form .text-field:nth-of-type(1){animation-delay:.1 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(2){animation-delay:.2 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(3){animation-delay:.3 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(4){animation-delay:.4 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(5){animation-delay:.5 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(6){animation-delay:.6 s}.contact-page .contact-container .form-container .form .text-field:nth-of-type(7){animation-delay:.7 s}.contact-page .contact-container .form-container .form .text-field div:before{border-color:var(--fontColor)}.contact-page .contact-container .form-container .form .text-field label{color:var(--fontColor);font-size:.8rem}.contact-page .contact-container .form-container .form .text-field fieldset{outline:0}.contact-page .contact-container .form-container .form .text-field fieldset:hover{border-color:var(--hoverMainColor)}.contact-page .contact-container .form-container .form .text-field input,.contact-page .contact-container .form-container .form .text-field textarea{color:var(--fontColor)}.contact-page .contact-container .form-container .form .errorMessage{color:#d32f2f;font-size:.8rem}.contact-page .contact-container .form-container .form .flat-button{background-color:var(--mainColor);color:var(--fontColor);padding:.5rem 2rem;animation:fieldAnimation 1s .4s ease-in-out both;cursor:pointer}.contact-page .contact-container .form-container .form .flat-button span span{width:20px!important;height:20px!important}.contact-page .contact-container .form-container .form .flat-button span svg{color:var(--fontColor)}.contact-page .contact-container .form-container .form .flat-button:hover{background-color:var(--hoverMainColor);box-shadow:var(--boxShadow)}.contact-page .contact-container .form-container .form .flat-button:disabled{filter:brightness(60%);cursor:no-drop}.contact-page .contact-container .lottie-container{display:flex;justify-content:flex-end}.contact-page .contact-container .lottie-container svg{width:85%!important}@keyframes fieldAnimation{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.popup{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.popup .overlay{width:100%;height:100%;background-color:#00000080;position:fixed;top:0;left:0}.popup .message{z-index:9999;background-color:var(--backgroundColor);border-radius:10px;padding:1.5rem}.popup .message p{color:var(--fontColor)}.popup .message .container{width:200px;margin:0 auto 2rem}.header-content{justify-content:center;align-items:center}.header-content .social-links .social-list{display:flex;gap:20px;width:fit-content}.header-content .social-links .social-list li{padding:10px 0}.header-content .social-links .social-list li svg{font-size:2rem;color:var(--fontColor)}@media (max-width: 600px){.header-content .social-links .social-list li svg{font-size:1.5rem}}.header-content .copyright{display:flex;align-items:center;justify-content:flex-end;color:var(--fontColor);gap:5px}.header-content .copyright p,.header-content .copyright svg{-webkit-user-select:none;user-select:none;font-size:1.2rem}@media (max-width: 600px){.header-content .copyright p,.header-content .copyright svg{font-size:1rem}}.about-page{display:flex!important;justify-content:center;align-items:center;flex-direction:column;padding-block:var(--pagePadding)}.about-page h2{color:var(--fontColor)}.about-page h2 span{color:var(--mainColor)}.about-page .skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:10px;row-gap:1rem;padding-top:50px;justify-content:center;max-width:500px;margin:0 auto}.about-page .skills-container .skill{color:var(--fontColor);font-size:1.5rem;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;-webkit-user-select:none;user-select:none;text-align:center}.container.container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-inline-end:10px;color:var(--fontColor)}.container.container a{color:var(--fontColor);text-decoration-color:var(--fontColor)}.info-container{display:flex;flex-direction:column;align-items:center}.list-item{position:relative}.list-item:before{content:"-";position:absolute;top:5px;left:0;color:var(--fontColor)}.soft-skill{position:relative;overflow:hidden;padding:2px;border-radius:8px}.soft-skill p{border-radius:8px;padding:10px;background-color:var(--backgroundColor)}.soft-skill:after{content:"";width:110%;height:110%;position:absolute;top:50%;left:50%;translate:-50% -50%;background:repeating-conic-gradient(from var(--a),var(--mainColor) 0%,var(--mainColor) 10%,transparent 25%,transparent);border-radius:8px;z-index:-1;animation:rotate 3s linear infinite;visibility:hidden;opacity:0;transition-property:visibility,opacity;transition-duration:.3s}.soft-skill:hover:after{visibility:visible;opacity:1}.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}.work-page{padding-block:var(--pagePadding)}.work-page h1{color:var(--fontColor);text-transform:uppercase;margin-bottom:2rem;font-weight:700;letter-spacing:2px}.work-page h1 span{color:var(--mainColor)}.work-page .card-container{height:100%;width:100%;padding:5px;position:relative;overflow:hidden;border-radius:15px;transition:scale .3s ease-in-out}.work-page .card-container:after{content:"";width:100%;height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%;background:repeating-conic-gradient(from var(--a),transparent 0%,transparent 65%,var(--mainColor) 85%);border-radius:8px;z-index:-1;animation:rotate 4s linear infinite;visibility:hidden;opacity:0;transition-property:visibility,opacity;transition-duration:.3s}.work-page .card-container:hover{scale:1.002}.work-page .card-container:hover:after{visibility:visible;opacity:1}.work-page .card-container .card{padding:10px 15px 0;background:var(--card-bg);box-shadow:0 8px 32px #17181c;border-radius:15px;transition-property:box-shadow,filter;transition-duration:.3s;position:relative;display:grid;grid-template-rows:auto 1fr;width:100%;height:100%;gap:10px}.work-page .card-container .card .card-overlay{background-image:url(/assets/images/background.png);background-repeat:repeat;background-position:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.03}.work-page .card-container .card .card-header,.work-page .card-container .card .card-content{color:var(--fontColor);padding:0}.work-page .card-container .card .card-header p,.work-page .card-container .card .card-content p{color:var(--fontColor)}.work-page .card-container .card .card-header span{font-size:1.5rem}@media (max-width: 900px){.work-page .card-container .card .card-header span{font-size:1.2rem;text-align:center}}.work-page .card-container .card .media{border-radius:10px;overflow:hidden;position:relative;margin-bottom:10px;width:100%}.work-page .card-container .card .media .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.3;z-index:1;transition:.4s}.work-page .card-container .card .media span:has(img){display:flex!important;width:100%;height:100%}.work-page .card-container .card .media span:has(img) img{width:100%;height:100%;object-fit:cover}.work-page .card-container .card .card-actions{padding:0;justify-content:space-evenly;margin-top:20px}.work-page .card-container .card .card-actions .link{width:60px;padding:5px;display:flex;justify-content:center;align-items:center;background-color:var(--fontColor);color:var(--fontColor2);border-radius:5px 5px 0 0;position:relative;transform:translateY(100%);transition:.4s}.work-page .card-container .card .card-actions .link:last-of-type{transition-delay:.1s}.work-page .card-container .card .card-actions .link svg{font-size:24px}.work-page .card-container .card .card-actions .link:after,.work-page .card-container .card .card-actions .link:before{content:"";background-color:transparent;width:30px;height:30px;position:absolute;bottom:0}.work-page .card-container .card .card-actions .link:after{left:100%;border-radius:0 0 0 14px;box-shadow:-14px 9px 0 0 var(--fontColor)}.work-page .card-container .card .card-actions .link:before{background-color:transparent;right:100%;border-radius:0 0 14px;box-shadow:14px 9px 0 0 var(--fontColor)}.work-page .card-container .card:hover{box-shadow:0 8px 32px #52556177}.work-page .card-container .card:hover .media .overlay{opacity:0}.work-page .card-container .card:hover .card-actions .link{transform:translateY(0)}.work-page .project-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.work-page .project-detail-overlay .project-detail-container{position:relative;width:100%;max-width:1200px;max-height:90vh;overflow-y:auto;margin:auto}.work-page .project-detail-overlay .project-detail-container .project-detail-card{background-color:var(--backgroundColor);border-radius:20px;padding:2rem;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0009}.work-page .project-detail-overlay .project-detail-container .project-detail-card .bg-overlay{background-image:url(/assets/images/background.png);background-repeat:repeat;background-position:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.03}.work-page .project-detail-overlay .project-detail-container .project-detail-card .close-button,.work-page .project-detail-overlay .project-detail-container .project-detail-card .share-button{transition:all .3s ease}.work-page .project-detail-overlay .project-detail-container .project-detail-card .close-button:hover,.work-page .project-detail-overlay .project-detail-container .project-detail-card .share-button:hover{transform:scale(1.1)}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-image{position:relative;z-index:1;width:100%}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-image img{box-shadow:0 10px 30px #0006;transition:transform .3s ease}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-image img:hover{transform:scale(1.02)}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-image span:has(img){display:flex!important;width:100%;height:100%}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-image span:has(img) img{width:100%;height:100%;object-fit:cover}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content{position:relative;z-index:1}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content .project-title{background:linear-gradient(135deg,var(--fontColor),var(--mainColor));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content .project-description{opacity:.9}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content .project-actions .action-link{position:relative;overflow:hidden}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content .project-actions .action-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-detail-content .project-actions .action-link:hover:before{left:100%}@media (max-width: 768px){.work-page .project-detail-overlay .project-detail-container .project-detail-card{padding:1.5rem}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-actions{flex-direction:column;gap:1rem!important}.work-page .project-detail-overlay .project-detail-container .project-detail-card .project-actions .action-link{justify-content:center}}@media (max-width: 768px){.work-page .project-detail-overlay .project-detail-container{max-height:85vh;margin:1rem auto}}.not-found-page{padding:var(--pagePadding);min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center}.not-found-page .lottie-container-404{width:100%;max-width:400px;height:auto;margin-bottom:2rem}.not-found-page .lottie-container-404 svg{width:100%;height:auto;max-height:300px}@media (max-width: 768px){.not-found-page .lottie-container-404{max-width:300px}.not-found-page .lottie-container-404 svg{max-height:250px}}.not-found-page .error-content .error-title{background:linear-gradient(135deg,var(--fontColor),var(--mainColor));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page .error-content .error-title span{color:var(--mainColor)}@media (max-width: 600px){.not-found-page .error-content .error-subtitle{font-size:1rem!important;margin-bottom:3rem!important}}.not-found-page .error-content .error-actions .home-button,.not-found-page .error-content .error-actions .back-button{min-width:160px}@media (max-width: 600px){.not-found-page .error-content .error-actions .home-button,.not-found-page .error-content .error-actions .back-button{width:100%;max-width:280px}}.not-found-page .error-content .error-actions .home-button{position:relative;overflow:hidden}.not-found-page .error-content .error-actions .home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.not-found-page .error-content .error-actions .home-button:hover:before{left:100%}.not-found-page .error-content .error-actions .back-button{position:relative}.not-found-page .error-content .error-actions .back-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ff47571a;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;z-index:-1}.not-found-page .error-content .error-actions .back-button:hover:after{width:100%;height:100%}.not-found-page .error-title{animation:titlePulse 3s ease-in-out infinite}@keyframes titlePulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){.not-found-page{padding:1rem}}.lottie-container-404{position:relative}.lottie-container-404:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid var(--mainColor);border-top:3px solid transparent;border-radius:50%;transform:translate(-50%,-50%);animation:spin 1s linear infinite;opacity:0;transition:opacity .3s ease}.lottie-container-404:empty:after{opacity:1}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{width:0px}:root{--backgroundColor: rgb(8, 8, 8);--mainColor: hsl(0, 100%, 65%);--hoverMainColor: hsl(0, 100%, 65% /.8);--fontColor: #eae3dc;--fontColor2: rgb(18, 18, 18);--card-bg: rgb(23, 23, 23);--boxShadow: -10px 10px 20px -4px rgba(0, 0, 0, .55);--pagePadding: 1rem 5rem}html{scroll-behavior:smooth}body{font-family:Manrope,sans-serif;background-color:var(--backgroundColor);background-image:linear-gradient(45deg,#060606,transparent);min-height:100vh}@media (max-width: 600px){body{background-image:linear-gradient(360deg,#060606,transparent)}}.bg-overlay{background-image:url(/assets/images/background.png);background-repeat:repeat;background-position:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.03}div[role=tooltip] div{text-transform:capitalize;background-color:var(--mainColor);color:var(--fontColor)}.lottie-container{display:flex;justify-content:center;align-items:center}.lottie-container svg{max-width:600px}.heading-title{opacity:0;animation:titleAnimation .4s .4s ease-in-out both}@keyframes titleAnimation{0%{opacity:0}to{opacity:1}}.loader-container{width:100%;display:flex;justify-content:center}.loader-container .loader{margin:auto}.loader-container .loader svg{color:var(--mainColor)}.dwBtn{background-color:var(--mainColor)!important;padding:10px 20px!important;margin-top:1.5rem!important;color:var(--fontColor)!important}.dwBtn a{color:var(--fontColor);text-decoration:none;text-transform:capitalize}.dwBtn .loader{width:25px!important;height:25px!important}.dwBtn .loader svg{color:var(--fontColor)}.dwBtn:hover{background-color:var(--hoverMainColor)!important}@property --a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes rotate{0%{--a: 0deg}to{--a: 360deg}}