@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins: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";*{box-sizing:border-box;margin:0;padding:0}:root{--font-heading: "Inter", sans-serif;--font-body: "Poppins", sans-serif;--bg-gradient: #eee;--bg-header: #eee;--bg-placeholder: #aaa;--placeholder-anim: rgba(0,0,0,.4);--text-primary: #686D76;--text-secondary: #31363F;--text-tertiary: #373A40;--text-light: #EEEEEE;--text-orange: orange;--text-error: tomato;--bg-primary: white;--bg-secondary: #686D76;--bg-mode: rgba(0,0,0,.8);--bg-footer: gray;--link-primary: #686D76;--link-primary-hover: white;--link-bg-primary: white;--link-bg-primary-hover: black;--box-shadow: gray;--gradient-1: rgba(0, 0, 0, .2);--gradient-loadingImg1: gray;--gradient-loadingImg2: #ccc}.dark{--bg-gradient: linear-gradient(45deg, rgba(0,0,0,.75), rgba(0,0,0,.95));--bg-header: linear-gradient(90deg, rgba(50,50,50), rgb(10,10,10));--bg-placeholder: #ffffff17;--placeholder-anim: rgba(255,255,255,.25);--text-primary: rgba(255,255,255,.5);--text-secondary: #ccc;--text-tertiary: white;--text-light: #373A40;--text-error: yellow;--bg-primary: black;--bg-secondary: #EEEEEE;--bg-mode: #eee;--bg-footer: rgba(0, 0, 0, .5);--link-primary: #bce;--link-primary-hover: black;--link-bg-primary: black;--link-bg-primary-hover: white;--box-shadow: rgba(0,0,0,.5);--gradient-1: rgba(255, 255, 255, .2);--gradient-loadingImg1: rgba(255, 255, 255, .1);--gradient-loadingImg2: rgba(255, 255, 255, .3)}body{font-optical-sizing:auto;background:var(--bg-gradient);min-height:100vh}.container{max-width:1440px;margin:auto;padding-left:1rem;padding-right:1rem}.text-center{text-align:center}.text-right{text-align:right}.visible{display:block!important}.btn-primary{color:var(--text-light);font-weight:500;margin:10px 16px;padding:8px 20px;background-color:var(--bg-mode);border-radius:10px;display:inline-block;text-decoration:none;opacity:.5;transition:opacity .5s,transform .5s}.btn-primary:hover{opacity:1;transform:scale(1.1)}.section-title{color:var(--text-primary);font-size:1.8rem;margin-bottom:30px}header{background:var(--bg-header);font-family:var(--font-heading);position:fixed;width:100%;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center}.brand{color:var(--text-primary)}nav.top-nav{padding:30px 0;position:relative}.top-nav ul{list-style-type:none;transition:all .4s}.top-nav ul li{display:inline-block}.top-nav ul li a:link,.top-nav ul li a:visited{color:var(--link-primary);padding:10px;border-radius:10px;display:inline-block;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease-in}.top-nav ul li a:hover{color:var(--link-primary-hover);background-color:var(--link-primary)}.link-active{box-shadow:0 0 3px var(--text-primary)}.hamburger{width:35px;height:30px;cursor:pointer;display:none}.hamburger>div{width:35px;height:4px;background-color:#000;transition:all .4s ease;margin-top:6px;box-shadow:0 0 2px #fff}.h-change .bar1{transform:rotate(-45deg) translate(-7px,7px)}.h-change .bar2{opacity:0}.h-change .bar3{transform:rotate(45deg) translate(-7px,-7px)}.theme-toggler{padding:10px;background-color:transparent;border:none;cursor:pointer;transition:transform .3s}.theme-toggler:hover{transform:scale(1.5) rotate(180deg)}.mobile-theme{display:none;color:var(--link-primary);font-size:1.1rem;margin-left:10px;font-weight:700}.theme-toggler i{font-size:1.2rem;color:var(--text-primary);opacity:.5}main{padding-top:120px;font-family:var(--font-body)}main>section{margin:70px auto}.banner-main{display:flex;justify-content:space-evenly;align-items:center;text-align:center;padding-bottom:40px;margin-top:35px}.user-img-container{width:350px;height:350px;border-radius:50%;background-color:var(--bg-placeholder);animation:imgLoading .5s linear 0s 5 alternate}@keyframes imgLoading{0%{background-color:var(--bg-placeholder)}50%{background-color:var(--placeholder-anim)}to{background-color:var(--bg-placeholder)}}.user-img-container img{width:100%;height:100%;border-radius:50%}.banner .subtitle{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.banner .title,.about-user .title{font-size:2.5rem;margin:.5rem auto;color:var(--text-secondary)}.profession{text-align:left;margin-bottom:1rem;color:var(--text-secondary)!important;padding-left:20px}.profession:after{content:"_"}.banner-main .btn-primary>i{margin-right:5px}.services-row{color:var(--bg-secondary);display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.services-col{padding:30px 20px;background-color:var(--text-light);border-radius:10px;box-shadow:0 0 5px var(--box-shadow)}.services-col>i{font-size:2rem;color:var(--text-orange)}.services-col>h3{font-size:1.3rem;margin-top:1rem}.services-col>p{margin:1rem auto 1.5rem;line-height:1.4;opacity:.85}.services-col>a{color:var(--text-secondary);padding:7px 20px;margin-left:auto;width:fit-content;border-radius:10px;text-decoration:none;display:block;box-shadow:0 0 4px var(--text-secondary);opacity:.7;transition:all .3s}.services-col>a:hover{opacity:1;color:var(--text-light);background-color:var(--text-secondary)}.skill-texts{color:var(--text-primary)}.article-header{margin:1rem auto 1.5rem;color:var(--text-primary)}.box-outer{width:100%;height:40px;margin-bottom:1.8rem}.box-inner{width:1%;height:100%;background-image:linear-gradient(to right,var(--gradient-1),rgba(173,216,230,.8));line-height:2.4;color:#31363f;overflow:hidden;transition:width 2s ease-in;text-align:right;font-weight:600}.logo-svg{width:20px;margin:auto 10px}.box-inner>i{margin:auto 10px;font-size:1.15rem;vertical-align:text-bottom}.recent-updates{color:var(--text-primary);margin-bottom:60px}.recent-ul{margin:0;padding:0 0 0 40px}.recent-ul li{margin-bottom:.8rem;line-height:1.7}.recent-ul li a{background-color:#ffffff80;padding:1px 10px;text-decoration:none;margin-left:5px;border-radius:5px}.recent-ul li a:hover{color:var(--text-light);background-color:var(--bg-secondary)}.non-breaking-link{display:inline-block}footer{color:#eee;background-color:var(--bg-footer);font-family:var(--font-body)}.footer-cont{padding:20px;display:flex;justify-content:space-evenly;align-items:center}.footer-links{text-align:center}.footer-links p{margin:8px auto}.footer-links a{text-decoration:none;border-radius:50%}.footer-links i{color:#eee;font-size:1.6rem;margin:5px 7px;transition:all .3s}.footer-links i:hover{transform:scale(1.5)}.footer-right{text-align:center}.footer-right a{color:#eee;text-decoration:none}.footer-right a:hover{text-decoration:1px solid #eee underline}.footer-right p{margin:5px auto}@media screen and (max-width: 1024px){.services-row{grid-template-columns:repeat(2,1fr)}.services-col:nth-child(3){grid-column:span 2}}@media screen and (max-width: 768px){main>section{margin:50px auto}.banner-main{gap:20px;flex-wrap:wrap}.user-img-container{width:330px;height:330px}}@media screen and (max-width: 576px){.btn-primary{margin:10px;padding:8px 16px}nav.top-nav ul{display:none;padding:40px 12px 20px;width:250px;min-height:400px;background-color:var(--bg-mode);border-radius:10px;position:absolute;top:70px;right:0;z-index:1}.top-nav ul li{display:block;text-align:right}.top-nav ul li a:link,.top-nav ul li a:visited,.theme-toggler i{color:var(--link-primary-hover)}.top-nav ul li a:hover{color:var(--link-primary);background-color:var(--link-primary-hover)}.theme-toggler{margin-top:5px}.theme-toggler:hover{transform:none}.mobile-theme{display:inline-block;color:var(--link-primary-hover)}.hamburger{display:block}.banner-main{gap:40px}.user-img-container{width:320px;height:320px}.banner .subtitle{font-size:1.125rem}.banner .title{font-size:2rem}.services-row{grid-template-columns:1fr}.services-col:nth-child(3){grid-column:auto}.footer-cont{flex-direction:column;gap:1rem}.contact-section{padding-left:10px!important;padding-right:10px!important}}@media screen and (max-width: 375px){.user-img-container{width:280px;height:280px}}.about-section>article{margin:1.5rem auto}.about-user{color:var(--text-secondary);margin-bottom:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-user>ul{margin:0;padding:0;list-style-type:none;text-align:center}.about-user>ul li{color:var(--text-secondary);margin:7px auto;font-size:1.1rem}.about-articles{color:var(--text-primary)}.about-articles>h3{margin-bottom:.5rem!important}.about-articles>p,.about-articles>h4{line-height:1.35;font-size:1.1rem;margin-bottom:8px}.about-text>p{margin-bottom:1rem}.about-text>p:first-letter{font-size:1.5rem;margin-right:1px}.about-icons{margin-right:6px}.edu>h4{font-weight:500}.hr-gray{margin-bottom:10px;opacity:.4}.contact-section{padding:80px}.contact-form-field{background-color:#ffffff1a;max-width:500px;margin:auto;padding:50px 40px;text-align:center;border-radius:20px;box-shadow:0 0 5px #00000080}.contact-form-field>h1{color:#f5f5f5}.contact-form>input,.contact-form>textarea{display:block;width:80%;margin:auto auto 18px;padding:10px;border:1px solid gray;border-radius:5px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;background-color:#f5f5f5}.contact-form>textarea{resize:none;height:80px}.contact-form>input[type=submit]{width:auto;padding:8px 20px;border-radius:15px}.contact-form>input[type=submit]:hover{cursor:not-allowed}.contact-form>input:focus,.contact-form>textarea:focus{outline:1px solid black}#error-message{color:var(--text-error);margin:1rem auto .75rem}.error-message-new{color:var(--text-primary)}.error-message-new a{color:var(--text-primary);font-size:1.15rem}.success-message{line-height:1.7;color:#ff0;margin-top:2.5rem}.e-m-visible{visibility:visible}.captcha-div{display:block;width:80%;margin:auto}.invisible-text{visibility:hidden}.message-section{min-height:600px;display:flex;justify-content:center;align-items:center;text-align:center}.message-text{width:400px;padding:20px 20px 55px;background-color:#fff;text-align:center;border-radius:10px;box-shadow:0 0 5px #000}#sm-cross-btn{display:block;margin-left:80%;padding:5px 8px 4px;font-size:1rem;color:#f00c;text-decoration:none}#sm-cross-btn:hover{background-color:red;color:#fff}.message-text>h2{font-weight:400;opacity:.9}.message-text>h3{color:#00f}.back-home-link{text-decoration:none}.back-home-link:hover{text-decoration:1px solid underline}.back-home-link>i{margin-right:10px}.projects-page article{margin-bottom:45px}.projects>article{margin-top:40px}.projects>.texts{color:var(--text-primary);font-size:1.1rem;line-height:1.7}.sort-option{padding:5px;margin:auto 10px 10px auto;font-size:1rem;display:none;background-color:#aaa;border:1px solid black;outline:none}.project-outer{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-inner{position:relative;overflow:hidden;border-radius:5px;background-image:linear-gradient(45deg,var(--gradient-loadingImg1),var(--gradient-loadingImg2));cursor:pointer;box-shadow:2px 2px 10px #0000004d;aspect-ratio:16/9}.loading-image{animation:loadingImg 2s ease 0s 2 alternate}@keyframes loadingImg{0%{background-image:linear-gradient(45deg,var(--gradient-loadingImg1),var(--gradient-loadingImg2));opacity:1}25%{background-image:linear-gradient(45deg,var(--gradient-loadingImg2),var(--gradient-loadingImg1));opacity:.5}50%{background-image:linear-gradient(45deg,var(--gradient-loadingImg1),var(--gradient-loadingImg2));opacity:1}75%{background-image:linear-gradient(45deg,var(--gradient-loadingImg2),var(--gradient-loadingImg1));opacity:.5}to{background-image:linear-gradient(45deg,var(--gradient-loadingImg1),var(--gradient-loadingImg2));opacity:1}}.project-inner img{width:100%;height:100%;transition:all .3s}.learn-more{position:absolute;bottom:-200px;width:100%;transition:bottom .5s}.learn-more>i{color:#fff;font-size:3rem;margin:15px auto 30px;text-align:center;display:block;text-shadow:0 0 10px blue;opacity:0}@keyframes blink{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.project-name{background-color:#eee;padding:12px 0;margin:0;text-align:center;box-shadow:0 0 5px #000}.project-inner:hover .project-ss{opacity:.5}.project-inner:hover .learn-more{bottom:0}.project-inner:hover .learn-more>i{animation-name:blink;animation-duration:2s;animation-delay:.2s;animation-timing-function:ease-in;animation-iteration-count:4;animation-direction:alternate}.github-link{margin-left:5px}.error-404>button{opacity:.6}.error-404 h2{color:red;text-align:left;font-weight:600!important}.error-404 h3{text-align:left;color:#000000b3!important;font-weight:lighter;margin-bottom:2rem;line-height:1.25}.version{color:var(--text-primary);margin:auto;padding:70px 0;min-height:calc(100vh - 215px)}.version-list{padding:0;margin:0;list-style-type:none}.version-list>li:before{content:"# "}.version-list>li{margin-bottom:1rem}.version-list h3{display:inline-block}.changes-list{list-style-type:none;padding:0 0 0 35px}.changes-list li{opacity:.6;margin:5px auto}@media screen and (max-width: 1023px){.projects>article{margin-top:20px}.project-outer{grid-template-columns:repeat(3,1fr);gap:16px}.learn-more>i{margin:0 auto 25px}}@media screen and (max-width: 767px){.project-name{padding:4px 0;font-size:1rem}}@media screen and (max-width: 560px){.contact-form-field{padding:40px 20px}.contact-form>input,.contact-form>textarea,.captcha-div{width:95%}#success-message{width:90%}.project-outer{grid-template-columns:repeat(2,1fr);gap:16px}.learn-more{display:none}}@media screen and (max-width: 400px){.captcha-div{transform:scale(.8);margin:0}.project-name{font-size:.8rem}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000b3;-webkit-animation-name:fadeIn;-webkit-animation-duration:.4s;animation-name:fadeIn;animation-duration:.4s}.modal-content{position:fixed;bottom:0;left:50%;transform:translate(-50%);background-color:#ccc;width:1340px;max-height:85vh;-webkit-animation-name:slideIn;-webkit-animation-duration:.4s;animation-name:slideIn;animation-duration:.4s;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:30px 30px 80px;border-top-left-radius:12px;border-top-right-radius:12px;overflow:auto}@-webkit-keyframes slideIn{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@keyframes slideIn{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content img{border-radius:10px;width:100%;margin-top:35px}.title{font-size:2rem;margin:0 auto 10px}.description{margin:10px auto 20px}.sub-title{margin:20px auto 10px;font-size:1.25rem;font-weight:600}.technologies{display:flex;flex-wrap:wrap;gap:1rem}.technologies>span{color:#cef;display:inline-block;padding:6px 20px;background-image:linear-gradient(45deg,#026,#800040);border-radius:10px;font-weight:600}.website-links{display:flex;gap:1rem}.website-links>a{color:#00f;text-decoration:none;display:inline-block;padding:8px 12px;box-shadow:0 0 5px gray}.website-links i{margin-right:5px}.features{list-style-position:inside}.modal-close-btn{font-size:2rem;position:absolute;top:10px;right:20px}.modal-close-btn i:hover{cursor:pointer;color:red}@media screen and (max-width: 1440px){.modal-content{width:95%}}@media screen and (max-width: 1024px){.modal-content{grid-template-columns:1fr}}@media screen and (max-width: 768px){.modal-content{padding:20px}.title{font-size:1.75rem}.technologies{gap:10px}.technologies>span{padding:6px 14px}}