@import url("https://fonts.googleapis.com/css2?family=Turret+Road:wght@200;300;400;500;700;800&display=swap");.home-content-container{background-color:#f6f5f5;margin:0;padding:0;ul{list-style:none}a{text-decoration:none}section{width:100%;height:95vh;background-image:url(https://i.postimg.cc/pdjRsMfM/bg.png);background-repeat:no-repeat;background-size:cover}nav{justify-content:space-between;align-items:center;height:60px;background-color:#fff;box-shadow:2px 2px 12px rgba(0,0,0,.2);padding:0 5%}nav,nav ul{display:flex}nav ul li a{margin:30px;font-family:myriad pro regular;color:#505050;font-size:15px;font-weight:700}.logo{font-family:Turret Road;color:#000;font-size:22px}.active{font-weight:700;color:#2d2a2a}.text-container{position:absolute;left:13%;top:42%;transform:translate(-13%,-42%)}.text-container p{line-height:0px;margin:45px 0 25px}.text-container p:first-child{font-family:calibri;font-weight:700;color:#6d6d6d;font-size:22px}.text-container p:nth-child(2){font-family:calibri;font-weight:700;letter-spacing:1px;color:#1a1a1a;font-size:60px}.text-container p:nth-child(3){font-family:myriad pro regular;color:#403e3e;font-size:30px;line-height:30px}.text-container button{width:130px;height:42px;border-radius:10px;font-family:calibri;font-weight:700;font-size:14px;outline:none;margin:0 10px}.hire-btn{border:2px solid #373636;cursor:pointer;background-color:transparent;transition:all .3s ease}.hire-btn:hover{background-color:#373636;color:#fff}.down-cv{background-color:#0b0b0b;color:#fff;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.down-cv:before{content:"↓";position:absolute;top:50%;left:15px;transform:translateY(-50%);font-size:14px;opacity:0;transition:all .3s ease}.down-cv:hover{background-color:#3a3a3a;padding-left:25px}.down-cv:hover:before{opacity:1}button:active{transform:scale(1.1)}.model{height:700px;width:450px;position:absolute;bottom:30px;left:70%;transform:translateX(-70%);filter:drop-shadow(0 10px 15px rgba(0,0,0,.3)) brightness(1.1)}.about-container{width:80%;height:330px;background-color:#f3f3f3;border-radius:20px;box-shadow:2px 2px 12px rgba(0,0,0,.2);display:flex;margin:-7% auto 20px;position:relative;justify-content:space-evenly;align-items:center}.about-text{width:550px}.about-text p:first-child{color:#403e3e;font-family:myriad pro;font-weight:700;font-size:23px}.about-text p:nth-child(2){color:#3e3d3d;font-size:13px;font-family:myriad pro;font-weight:700}.about-text p:nth-child(3),.about-text p:nth-child(4){color:#7e7d7d;font-family:calibri;font-size:16px}.about-text button{margin-top:20px;width:120px;height:40px;color:#fff;outline:none;border:none;margin-right:5px;font-family:calibri;background-color:#262525}.services{height:auto;background-color:#fff;padding:80px 10% 100px}.services-text{width:100%;max-width:800px;margin:0 auto 60px;text-align:center}.services-text p:first-child{font-family:Turret Road,calibri;font-weight:700;color:#2d2a2a;font-size:36px;margin-bottom:15px;position:relative;display:inline-block}.services-text p:first-child:after{content:"";position:absolute;width:50px;height:3px;background-color:#3e3d3d;bottom:-10px;left:50%;transform:translateX(-50%)}.services-text p:nth-child(2){font-family:calibri;font-weight:700;color:#3e3e3d;font-size:24px;margin:25px 0 15px}.services-text p:nth-child(3){font-family:calibri;color:#7e7d7d;font-size:18px;line-height:1.6;max-width:600px;margin:0 auto}.box-container{width:90%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px}.box1,.box2,.box3,.box4{width:100%;box-shadow:2px 2px 18px rgba(0,0,0,.3);padding:20px;border-radius:10px}.box1{background-image:url(https://i.postimg.cc/B6b1V6nw/services-1.png)}.box2{background-image:url(https://i.postimg.cc/B6z1908Z/services-2.png)}.box3{background-image:url(https://i.postimg.cc/Z0tBnxF1/services-3.png)}.box4{background-image:url(https://i.postimg.cc/B6b1V6nw/services-1.png)}.box1,.box2,.box3,.box4{width:300px;height:320px;background-repeat:no-repeat;background-size:cover;box-shadow:2px 2px 12px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;flex-direction:column}.box1 span,.box2 span,.box3 span,.box4 span{width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;font-family:calibri;font-weight:700}.box1 p:nth-child(2),.box2 p:nth-child(2),.box3 p:nth-child(2),.box4 p:nth-child(2){color:#fff;font-family:calibri;font-size:23px}.box1 p:nth-child(3),.box2 p:nth-child(3),.box3 p:nth-child(3),.box4 p:nth-child(3){font-family:calibri;text-align:center;width:230px;margin:0 0 20px;color:#8f8f8f}.box1 button,.box2 button,.box3 button,.box4 button{width:100px;height:30px;background-color:#fff;border:none;outline:none;border-radius:5px}.contact-me{width:100%;height:280px;background-image:url(https://i.postimg.cc/0NzPFZQY/project-in-your-mind.png);background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-me p{color:#fff;font-size:30px;font-family:calibri;font-weight:700;border-bottom:2px solid #fff;margin-bottom:30px}.contact-button{display:inline-block;width:240px;height:40px;background-color:#fff;color:#333;text-decoration:none;font-size:14px;font-weight:700;line-height:40px;text-align:center;border-radius:5px;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.contact-button:hover{background-color:#f0f0f0;transform:translateY(-3px);box-shadow:0 6px 10px rgba(0,0,0,.2)}footer{height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}footer p{font-family:calibri}footer p:first-child{font-size:30px;font-weight:700;color:#191919;font-family:Turret Road}footer p:nth-child(2){font-size:16px;width:600px;color:#7e7d7d;text-align:center}.social-icons{gap:20px;margin:25px 0}.social-icons,.social-icons a{display:flex;justify-content:center}.social-icons a{width:45px;height:45px;align-items:center;background-color:#f5f5f5;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;overflow:hidden}.social-icons a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#4267b2,#5b7bd5);opacity:0;transition:opacity .3s ease;z-index:0;border-radius:50%}.social-icons a:nth-child(2):before{background:linear-gradient(45deg,#0077b5,#0e94e0)}.social-icons a:nth-child(3):before{background:linear-gradient(45deg,#e1306c,#c13584)}.social-icons a:nth-child(4):before{background:linear-gradient(45deg,#08c,#32afed)}.social-icons a:hover:before{opacity:1}.social-icons a svg{width:22px;height:22px;position:relative;z-index:1;transition:all .3s ease}.social-icons a:hover svg{transform:scale(1.2)}.social-icons a:hover svg g{fill:#fff}.a-social-b{position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;padding:15px 10px;background-color:hsla(0,0%,100%,.9);box-shadow:-5px 0 15px rgba(0,0,0,.1);border-top-left-radius:10px;border-bottom-left-radius:10px;z-index:100}.a-social-b a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;background-color:#f5f5f5;border-radius:50%;transition:all .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}.a-social-b a svg{width:20px;height:20px;transition:all .3s ease}.a-social-b a:hover{transform:translateX(-5px) scale(1.1)}.a-social-b a:first-child:hover{background-color:#4267b2}.a-social-b a:nth-child(2):hover{background-color:#0077b5}.a-social-b a:nth-child(3):hover{background-color:#e1306c}.a-social-b a:nth-child(4):hover{background-color:#08c}.a-social-b a:hover svg g{fill:#fff}.copyright{color:#565555;font-size:15px;position:absolute;left:50%;bottom:10px;transform:translateX(-50%)}}@media(max-width:1200px){.home-content-container{.model{display:none}.services{min-height:100vh;height:100%;margin-bottom:20px}.services-text{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.services-text p:nth-child(3){width:350px;text-align:center}.box-container{flex-direction:column;display:grid;gap:2rem;justify-content:center;align-items:center}}}@media(max-width:1000px){.home-content-container{.about-container{height:100%;min-height:100vh}.about-container,.about-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.about-text{text-align:center}.about-text button{margin:10px}}}@media(max-width:720px){.home-content-container{.text-container p:nth-child(2){font-size:45px}.about-text{max-width:90%}nav ul{display:none}footer p:nth-child(2){max-width:90%}.contact-me p{max-width:90%;text-align:center;border-bottom:none}}}@media(max-width:420px){.home-content-container{.logo{font-size:16px}.text-container button{margin:10px}.services-text p:nth-child(3){max-width:300px}.contact-me{height:550px}.contact-me p{font-size:20px}footer{height:500px}}}@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";.home-container{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;color:#333}.home-container *{margin:0;padding:0;box-sizing:border-box}.home-container a{text-decoration:none}.home-container h2,.home-container p{line-height:1.4}.home-container .topnav{overflow:hidden;display:flex;align-items:center;padding:2.5rem 0;margin:0 5%}.home-container .topnav-logo{margin-right:auto}.home-container .topnav-logo a{font-size:1.6rem;text-transform:uppercase;font-weight:700;color:#333}.home-container .topnav .menu{display:flex;align-items:center;gap:1.5rem}.home-container .topnav .menu a{display:block;color:#333;text-align:center;font-size:1rem;text-transform:uppercase;position:relative}.home-container .topnav .menu a:after{position:absolute;content:"";bottom:-.313rem;left:0;width:0;height:.069rem;background:#333;display:block;transition:width .2s ease-in}.home-container .topnav .menu .icon{display:none!important}.home-container .topnav .menu a.active:after,.home-container .topnav .menu a:hover:after{width:100%}.home-container main{width:min(87.5rem,90%);margin:0 auto}.home-container main h2{margin:1.5em 0;font-weight:500;font-size:clamp(1.4rem,1.1rem + 1.2vw,2.3rem)}.home-container main #tabs{margin:5em 0 2.2em;display:flex;align-items:center;flex-wrap:wrap;gap:1em}.home-container main #tabs .btn{border:none;outline:none;cursor:pointer;font-weight:400;background:transparent;padding:0;font-size:1rem;color:#333}.home-container main #tabs .btn:hover{font-weight:700}.home-container main #tabs .btn.active{color:#333;font-weight:700}.home-container main .container{columns:15.625rem 3;column-gap:1.25rem}.home-container main .container .box{width:100%;margin-bottom:.938em;break-inside:avoid;display:none}.home-container main .container .box img{max-width:100%}.home-container main .container .show{display:block}.home-container footer{padding:4rem 0 2em;width:min(87.5rem,90%);margin:0 auto}.home-container footer p{margin-right:1em}.home-container footer ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:1em}.home-container footer ul a{text-transform:capitalize;color:#333}.home-container footer ul a:hover{text-decoration:underline}.home-container footer div{flex-wrap:wrap;position:relative;display:flex;align-items:center;justify-content:space-between}.home-container footer div:before{position:absolute;content:"";top:-1.875rem;left:0;width:100%;height:.063rem;background:#ddd;display:block}.home-container .home-content{text-align:center;padding:4rem 0}.home-container .home-content h1{font-size:clamp(2rem,1.6rem + 2vw,3.5rem);margin-bottom:1rem}.home-container .home-content p{font-size:clamp(1.2rem,1rem + 1vw,1.8rem);color:#666}.home-container .blog-content,.home-container .contact-content,.home-container .pages-content{padding:4rem 0}.home-container .blog-content h2,.home-container .contact-content h2,.home-container .pages-content h2{margin-bottom:2rem}.home-container .blog-content p,.home-container .contact-content p,.home-container .pages-content p{font-size:1.2rem;color:#666}.home-container .contact-content{max-width:600px;margin:0 auto}@media screen and (max-width:43.75rem){.topnav .menu a{display:none}.topnav .menu a.icon{float:right;display:block!important}.topnav .menu a.icon:hover:after{width:0}.topnav .menu,.topnav.responsive{flex-direction:column}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:2.875rem}.topnav.responsive a{display:block;text-align:left}}:root{--color-bg-light:#f0f2f5;--color-text-light:#333;--color-header-bg-light:#fff;--color-header-text-light:#333;--color-overlay-light:rgba(0,0,0,.7);--color-footer-bg-light:#fff;--color-footer-text-light:#333;--color-button-bg-light:#e0e0e0;--color-button-hover-light:#333;--color-button-text-light:#333;--color-button-hover-text-light:#fff;--font-size-base:16px;--font-size-large:2.5rem;--font-size-medium:1.2rem;--font-size-small:0.9rem;--transition-duration:0.3s}.dark-mode{--color-bg-dark:#121212;--color-text-dark:#e0e0e0;--color-header-bg-dark:#1e1e1e;--color-header-text-dark:#e0e0e0;--color-overlay-dark:rgba(0,0,0,.85);--color-footer-bg-dark:#1e1e1e;--color-footer-text-dark:#e0e0e0;--color-button-bg-dark:#333;--color-button-hover-dark:#fff;--color-button-text-dark:#fff;--color-button-hover-text-dark:#333}.portfolio-container{font-family:Roboto,sans-serif;background-color:#f6f5f5;color:var(--color-text-light);transition:background-color var(--transition-duration),color var(--transition-duration);line-height:1.6}.portfolio-container *{margin:0;padding:0;box-sizing:border-box}.dark-mode{background-color:var(--color-bg-dark);color:var(--color-text-dark)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.lightbox-content{background-color:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;position:relative;width:100%;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(0,0,0,.3)}.dark-mode.lightbox-content{background-color:#1a1a1a;color:#f0f0f0}.lightbox-close{position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer;z-index:5;width:32px;height:32px;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.lightbox-close:hover{background-color:rgba(0,0,0,.8)}.main-image-slider{display:flex;position:relative;width:100%;height:400px;align-items:center;background-color:#f5f5f5;border-top-left-radius:8px;border-top-right-radius:8px}.dark-mode .main-image-slider{background-color:#121212}.featured-image-container{flex:1;height:100%;position:relative}.featured-image-container,.nav-btn{display:flex;align-items:center;justify-content:center}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;transition:background-color .3s,opacity .3s;z-index:2;opacity:.7}.nav-btn:hover{background-color:rgba(0,0,0,.7);opacity:1}.prev-btn{left:10px}.next-btn{right:10px}.image-counter{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.6);color:#fff;padding:5px 10px;border-radius:4px;font-size:12px}.thumbnails-container{width:100%;padding:10px;background-color:#eee;border-bottom:1px solid #ddd}.dark-mode .thumbnails-container{background-color:#2a2a2a;border-bottom:1px solid #333}.thumbnails-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#888 #eee}.dark-mode .thumbnails-scroll{scrollbar-color:#555 #2a2a2a}.thumbnails-scroll::-webkit-scrollbar{height:6px}.thumbnails-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dark-mode .thumbnails-scroll::-webkit-scrollbar-track{background:#2a2a2a}.thumbnails-scroll::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.dark-mode .thumbnails-scroll::-webkit-scrollbar-thumb{background-color:#555}.thumbnail{flex:0 0 auto;width:80px;height:60px;position:relative;border:2px solid transparent;cursor:pointer;border-radius:4px;overflow:hidden;transition:transform .2s,border-color .2s}.thumbnail:hover{transform:scale(1.05)}.thumbnail.active{border-color:#4a90e2}.dark-mode .thumbnail.active{border-color:#61dafb}.project-details{padding:20px}.project-title{font-size:1.8rem;margin-bottom:10px}.project-description{margin-bottom:20px;line-height:1.6}.technologies-section{margin-bottom:20px}.technologies-section h3{margin-bottom:10px;font-size:1.2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background-color:#eee;color:#333;padding:6px 12px;border-radius:20px;font-size:.85rem;display:inline-block}.dark-mode .tech-tag{background-color:#333;color:#eee}.project-links{display:flex;gap:15px;margin-top:20px}.project-link{display:inline-flex;align-items:center;background-color:#4a90e2;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;transition:background-color .3s;font-weight:500}.project-link:hover{background-color:#357bd8}.project-link i{margin-right:6px}@media (max-width:768px){.lightbox-content{max-width:95%;max-height:95%}.main-image-slider{height:300px}.project-title{font-size:1.5rem}.thumbnail{width:60px;height:45px}}@media (max-width:480px){.main-image-slider{height:250px}.project-links{flex-direction:column;gap:10px}.tech-tag{font-size:.75rem;padding:4px 10px}}.header-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.dark-mode .header-container{background-color:var(--color-header-bg-dark);box-shadow:0 2px 4px rgba(0,0,0,.2)}.header-container h1{font-size:var(--font-size-large);color:var(--color-header-text-light);display:flex;align-items:center;gap:.5rem}.dark-mode .header-container h1{color:var(--color-header-text-dark)}.header-controls{display:flex;gap:1rem;align-items:center}.header-controls button{background:none;border:none;font-size:1.5rem;color:var(--color-header-text-light);cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color var(--transition-duration)}.dark-mode .header-controls button{color:var(--color-header-text-dark)}.header-controls button:hover{background-color:var(--color-button-bg-light)}.dark-mode .header-controls button:hover{background-color:var(--color-button-bg-dark)}nav{width:100%;margin-top:1rem}nav ul{list-style:none;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-btn{background:var(--color-button-bg-light);border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:var(--font-size-small);color:var(--color-button-text-light);transition:all var(--transition-duration);display:flex;align-items:center;gap:.5rem}.dark-mode .filter-btn{background:var(--color-button-bg-dark);color:var(--color-button-text-dark)}.filter-btn:hover{background:var(--color-button-hover-light);color:var(--color-button-hover-text-light)}.dark-mode .filter-btn:hover{background:var(--color-button-hover-dark);color:var(--color-button-hover-text-dark)}.filter-btn.active{background:var(--color-button-hover-light);color:var(--color-button-hover-text-light)}.dark-mode .filter-btn.active{background:var(--color-button-hover-dark);color:var(--color-button-hover-text-dark)}@media (max-width:768px){.header-container{padding:1rem;flex-direction:column;text-align:center}.header-container h1{font-size:2rem;margin-bottom:1rem}nav ul{gap:.5rem}.filter-btn{padding:.5rem 1rem}}@media (max-width:480px){.header-container h1{font-size:1.5rem}nav ul{flex-direction:column;align-items:center}.filter-btn{width:100%;justify-content:center}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:2rem}.gallery-item{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;cursor:pointer;transition:transform var(--transition-duration)}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-duration)}.gallery-item:hover img{transform:scale(1.1)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-overlay-light);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;opacity:0;transition:opacity var(--transition-duration);text-align:center}.dark-mode .overlay{background:var(--color-overlay-dark)}.gallery-item:hover .overlay{opacity:1}.overlay h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.overlay h3,.overlay p{transform:translateY(20px);transition:transform var(--transition-duration)}.overlay p{color:hsla(0,0%,100%,.9);font-size:1rem;max-width:90%}.gallery-item:hover .overlay h3,.gallery-item:hover .overlay p{transform:translateY(0)}@media (max-width:768px){.gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:1rem;gap:1rem}.overlay h3{font-size:1.2rem}.overlay p{font-size:.9rem}}@media (max-width:480px){.gallery{grid-template-columns:1fr}}.lightbox-content.fullscreen{width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border-radius:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.95);position:fixed;top:0;left:0;z-index:1100}.fullscreen .main-image-slider{width:100%;height:100%;background-color:transparent}.fullscreen .featured-image-container{position:relative;width:100%;height:100%;cursor:zoom-out!important}.fullscreen .featured-image-container img{object-fit:contain!important}.fullscreen .nav-btn{width:60px;height:60px;font-size:24px;opacity:.6}.fullscreen .prev-btn{left:30px}.fullscreen .next-btn{right:30px}.fullscreen .nav-btn:hover{opacity:1}.fullscreen-toggle{position:absolute;top:15px;right:60px;background-color:rgba(0,0,0,.5);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s}.fullscreen-toggle:hover{background-color:rgba(0,0,0,.8)}.featured-image-container:hover .fullscreen-toggle,.featured-image-container:hover .image-counter{opacity:1}.fullscreen .image-counter{bottom:30px;right:30px;padding:8px 16px;font-size:14px;background-color:rgba(0,0,0,.7)}*,:after,:before{box-sizing:inherit;-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important}.resume-container{background-color:#f6f5f5;padding:40px 0}.resume{padding:2.5em;font-family:Arial,sans-serif;font-size:16px;max-width:1200px;margin:0 auto;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;overflow:hidden}.resume nav.jump-to{margin-bottom:2em;background-color:#f9f9f9;padding:1em 1.5em;border-radius:8px}.resume nav.jump-to ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1.5em}.resume nav.jump-to li{position:relative}.resume nav.jump-to li:not(:first-child):before{content:"•";position:absolute;left:-.9em;color:#4a90e2;font-size:1.2em}.resume nav.jump-to a,.resume nav.jump-to a:link,.resume nav.jump-to a:visited{text-decoration:none;color:#4a90e2;font-weight:500;transition:all .3s ease;padding:.3em .5em;border-radius:4px}.resume nav.jump-to a:active,.resume nav.jump-to a:hover{color:#1f69c1;background-color:rgba(74,144,226,.1)}.resume :target{animation:target-animation 3s ease}.resume .timelines{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2em}.resume h2.timeline-title{font-size:1.6em;font-weight:700;text-transform:uppercase;margin-bottom:1.5em;color:#333;position:relative;display:inline-block}.resume h2.timeline-title:after{content:"";position:absolute;bottom:-.5em;left:0;width:2.5em;height:3px;background:#4a90e2;border-radius:3px}.resume ul.timeline-items{list-style-type:none;margin:2em 0;padding:.01em 0 3em 2em;border-left:2px solid #4a90e2;position:relative}.resume ul.timeline-items:before{top:-15px}.resume ul.timeline-items:after,.resume ul.timeline-items:before{content:"";position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background-color:#4a90e2;box-shadow:0 0 0 4px rgba(74,144,226,.2)}.resume ul.timeline-items:after{bottom:0}.resume li.timeline-item{margin-bottom:2.5em;margin-top:-.3em;position:relative;padding-left:.5em}.resume li.timeline-item:last-child{margin-bottom:0}.resume li.timeline-item:before{content:"";position:absolute;left:-2em;top:.5em;width:1em;height:1em;border-radius:50%;border:2px solid #4a90e2;background-color:#fff;transform:translateX(-50%);transition:all .3s ease;z-index:1}.resume li.timeline-item:hover:before{background-color:#4a90e2;transform:translateX(-50%) scale(1.2);box-shadow:0 0 0 4px rgba(74,144,226,.2)}.resume li.timeline-item h3{font-size:1.2em;font-weight:700;margin:0 0 .5em;color:#333}.resume li.timeline-item .date-interval{font-size:.85em;color:#666;margin-bottom:.7em;display:flex;align-items:center}.resume li.timeline-item .date-interval:before{content:"";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:.5em;color:#4a90e2}.resume li.timeline-item .date-interval time{font-weight:500}.resume li.timeline-item .location{font-size:.9em;font-style:italic;color:#555;margin-bottom:.7em;display:flex;align-items:center}.resume li.timeline-item .location:before{content:"";font-family:Font Awesome\ 5 Free;font-weight:900;margin-right:.5em;color:#4a90e2}.resume li.timeline-item .description{font-size:.95em;line-height:1.5;color:#444}.resume button.print-icon{position:fixed;bottom:2em;right:2em;font-size:1em;color:#fff;background:#4a90e2;border:none;padding:.7em 1.2em;border-radius:30px;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .3s ease;display:flex;align-items:center;gap:.5em}.resume button.print-icon:hover{background:#2275d7;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.25)}.resume button.print-icon i{font-size:1.1em}@keyframes target-animation{0%{background:transparent}20%{background:rgba(74,144,226,.3)}to{background:transparent}}@media screen and (min-width:901px){.timeline.achievements,.timeline.certificates,.timeline.education,.timeline.experience{width:calc(50% - 1em)}.timeline.skills{width:100%}}@media screen and (max-width:900px){.resume{padding:1.5em}.timeline{width:100%!important;margin-bottom:2em}h2.timeline-title{font-size:1.4em}nav.jump-to ul{flex-direction:column;gap:.8em}nav.jump-to li:not(:first-child):before{display:none}button.print-icon{bottom:1em;right:1em;font-size:.9em}}@media print{@page{margin:1cm}.resume,.resume-container{background:#fff;padding:0}.resume{box-shadow:none}.resume:after{display:none}button.print-icon,nav.jump-to{display:none;visibility:hidden}.timeline{width:100%!important}.timeline,li.timeline-item{page-break-inside:avoid}}.progress-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.skills-heading{text-align:center;font-size:2.5rem;margin-bottom:40px;position:relative;color:#333}.skills-heading:after{content:"";position:absolute;width:80px;height:4px;background:linear-gradient(90deg,#333,#777);bottom:-15px;left:50%;transform:translateX(-50%);border-radius:2px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.skills-column{background-color:#f9f9f9;border-radius:10px;padding:25px;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.skills-column:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.skills-category{font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eee;color:#444}.skills{display:flex;flex-direction:column;gap:15px}.t-6{animation:slideIn .5s ease forwards;opacity:0;transform:translateY(20px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.t-6 p{display:flex;justify-content:space-between;margin-bottom:5px;font-weight:500;color:#333}.t-6 p:after{content:attr(data-value);color:#777}.skill-bar{height:10px;background-color:#e9e9e9;border-radius:5px;overflow:hidden}.skill-progress{height:100%;border-radius:5px;transition:width 1s ease-in-out}@media (prefers-color-scheme:dark){.skills-heading{color:#f0f0f0}.skills-heading:after{background:linear-gradient(90deg,#f0f0f0,#777)}.skills-column{background-color:#2a2a2a;box-shadow:0 5px 15px rgba(0,0,0,.2)}.skills-category{color:#e0e0e0;border-bottom-color:#444}.t-6 p{color:#e0e0e0}.t-6 p:after{color:#aaa}.skill-bar{background-color:#444}}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skills-heading{font-size:2rem}}@media (max-width:480px){.progress-container{padding:20px 15px}.skills-heading{font-size:1.75rem}.skills-column{padding:20px 15px}}.toad-fullscreen{background:#5aa8e8}section article.skills div.t-6 span:nth-child(2){z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;background:#5e95e8;height:100%}section article.skills div.t-6:first-child span:nth-child(2){width:90%;animation-delay:0}section article.skills div.t-6:nth-child(2) span:nth-child(2){width:90%;animation-delay:.05s}section article.skills div.t-6:nth-child(3) span:nth-child(2){width:80%;animation-delay:.1s}section article.skills div.t-6:nth-child(4) span:nth-child(2){width:70%;animation-delay:.15s}section article.skills div.t-6:nth-child(5) span:nth-child(2){width:75%;animation-delay:.2s}section article.skills div.t-6:nth-child(6) span:nth-child(2){width:60%;animation-delay:.25s}section article.skills div.t-6:nth-child(7) span:nth-child(2){width:80%;animation-delay:.3s}section article.skills div.t-6:nth-child(8) span:nth-child(2){width:75%;animation-delay:.35s}@keyframes skills{0%{left:-500px;opacity:0}to{left:0;opacity:1}}