.logo-download{display:inline-block;cursor:pointer;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.logo-download:hover{transform:scale(1.1);box-shadow:0 0 10px #00b7ff80}.logo-img{height:35px;width:auto;display:block}nav ul{justify-content:right;padding:20px 50px}.nav-links{list-style:none;display:flex;gap:30px}.nav-links li a{text-decoration:none;font-size:25px;color:#fff;font-family:Calibri,sans-serif;transition:color .3s ease}.nav-links li a:hover{color:#00b7ff}.nav-links a.active{color:#00b7ff;font-weight:700;text-decoration:underline}.header{position:fixed;width:100%;top:0;left:0;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;z-index:1000;background:transparent;transition:top .5s ease-in-out}#header{position:fixed;top:0;width:100%;transition:top .3s ease-in-out;z-index:1000}.header-container{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:20px}#show-header-btn{position:fixed;top:20px;right:40px;z-index:9999;width:60px;height:60px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #0003;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0;transform:translateY(-20px);pointer-events:none;transition:all .4s ease}#show-header-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}#show-header-btn:hover{opacity:1;transform:scale(1.1);box-shadow:0 0 10px #00b7ff80}@media (max-width: 768px){.header-container{flex-direction:row;align-items:center}.nav-links{flex-direction:row;gap:10px;padding:20px 0}.nav-links li a{font-size:20px}#show-header-btn{display:flex}}@media (max-width: 768px){.header{flex-direction:row;align-items:center;padding:10px}.header nav{display:flex;flex-direction:row;align-items:center}.nav-links{flex-direction:row;align-items:center;gap:10px;padding-top:10px}.nav-links li a{font-size:20px;display:block}.info h1{font-size:40px}.info p{font-size:16px;line-height:1.4}.contact-info p{font-size:18px}}body{margin:0;padding:0;color:#fff}.home-container{display:flex;align-items:center;justify-content:center;height:100vh;padding:50px}.content{display:flex;align-items:center;max-width:1200px;gap:50px}.profile-img{display:inline-block;max-width:400px;max-height:400px;border-radius:50%;object-fit:cover;margin-right:50px;border:5px solid white;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center}.profile-img:hover{transform:scale(1.05);box-shadow:0 0 10px #00b7ff80}.info{max-width:800px;height:365px;text-align:left}.info h1{font-size:80px;margin:10px 0}.info p{font-size:20px;line-height:1.5}.buttons{display:flex;gap:30px;margin-top:70px}.btn{display:inline-block;width:180px;height:60px;font-size:24px;color:#fff;background-color:#00b7ff;border:none;border-radius:30px;text-align:center;text-decoration:none;line-height:60px;font-weight:700;transition:all .3s ease-in-out;padding:0 20px;white-space:nowrap}#timeline{width:80%;margin:auto;padding:50px 0}#timeline h2{font-size:50px;text-transform:uppercase;color:#00b7ff;font-weight:700;text-align:center;margin-bottom:30px}.timeline{display:flex;flex-direction:column;gap:40px;position:relative}.timeline:before{content:"";position:absolute;top:0;left:50%;width:4px;height:100%;background-color:#00b7ff;z-index:-3;opacity:.5}@keyframes blur-in{0%{background-color:#00b7ff33;opacity:0;transform:scale(.95)}to{background-color:#00b7ff33;opacity:1;transform:scale(1)}}.timeline-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #00b7ff;border-radius:15px;padding:20px;width:60%;margin:20px auto;text-align:center;z-index:1;position:relative;opacity:0;transform:translateY(20px) scale(.95);background-color:#00b7ff33;animation:fadeIn 1s ease-in-out forwards}.timeline-item:hover{background-color:#00b7ff4d}.timeline-date{font-size:18px;font-weight:700;color:#fff}.timeline-content{background:#fff3;border-radius:15px;padding:20px;z-index:1}.timeline-content:hover{background:#ffffff4d}.timeline-content h3{font-size:30px;color:#fff;margin-bottom:5px}.timeline-content p,.timeline-content li{margin-left:10px;font-size:20px;color:#fff}.click-here{margin-top:10px;font-weight:lighter;color:#d6d6d6;font-size:.9rem;cursor:pointer;transition:all .3s ease-in-out}.click-here:hover{color:#00b7ff}.timeline-item[data-expanded=true] .click-here{opacity:0;pointer-events:none}.timeline-detail{display:none;margin-top:15px;padding:15px;background-color:#00b7ff33;border-left:4px solid #007bff;border-radius:8px;text-align:left;box-shadow:0 2px 4px #0000001a}.timeline-item[data-expanded=true] .timeline-detail{display:block}.timeline-item[data-expanded=true]{background-color:#00b7ff33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px}.timeline-date{font-size:.9rem;font-weight:700;text-transform:uppercase;margin-bottom:5px}#about-me{width:75%;margin:auto;padding:50px 0;color:#fff;font-family:Calibri,sans-serif;text-align:center}#about-me h1{margin-top:50px;font-size:50px;color:#00b7ff;text-transform:uppercase;margin-bottom:20px}#about-me p{font-size:20px;line-height:1.6;margin:0 auto;text-align:left;width:75%;color:#fff;background:#00bfff1a;padding:40px;border-radius:15px;max-width:800px;box-shadow:0 0 15px #00bfff4d}body.projects-page{font-size:20px}.projects-container{width:80%;margin:auto;text-align:center;padding-top:100px}.projects-container h1{text-transform:uppercase;font-size:50px;color:#00b7ff;margin-bottom:20px}.projects-description{padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:80%;text-align:center;background:#00bfff1a;border-radius:15px;font-size:20px;max-width:1000px;margin:0 auto 50px;box-shadow:0 0 15px #00bfff4d}.project-list{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:40px}.project-card{display:flex;align-items:center;background:#00b7ff33;border:2px solid rgba(0,183,255,.3);border-radius:15px;padding:20px;font-size:20px;width:80%;max-width:1000px;box-shadow:0 4px 20px #00b7ff4d;transition:transform .3s ease,box-shadow .3s ease;opacity:0;transform:translateY(30px);animation:fadeInUp .8s forwards}.project-card:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 10px 25px #00bfff66}.project-card img{width:250px;height:250px;object-fit:cover;border-radius:10px;margin-right:20px}.project-info{flex:1;text-align:left}.project-info h2{font-size:40px;color:#fff;margin-bottom:10px}.project-info p{font-size:20px;color:#fffc}.project-btn{display:inline-block;background:#00b7ff;color:#fff;margin-top:20px;margin-right:20px;text-decoration:none;font-weight:700;font-size:24px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 5px 15px #00bfff4d;width:180px;height:60px;text-align:center;line-height:60px;transition:all .3s ease-in-out;white-space:nowrap}.project-btn:hover{background:#008fcc}.project-btn:active{transform:scale(.95)}@media (max-width: 768px){.project-container{flex-direction:column;text-align:center}.project-card{width:90%;margin:0 auto;flex-direction:column;text-align:center}.project-card img{width:100%;max-width:280px;height:auto;margin:0 auto 10px;display:block}.project-card h5{font-size:25px}.project-card p{font-size:18px}.project-card .btn{font-size:18px;padding:10px 20px}}.contact-title{font-size:50px;color:#00bfff;text-transform:uppercase;text-align:center;margin-top:100px;margin-bottom:20px}.contact-intro{width:80%;background:#00bfff1a;padding:30px;border-radius:15px;font-size:20px;max-width:800px;margin:0 auto 50px;box-shadow:0 0 15px #00bfff4d}.contact-info{width:80%;background:#00bfff1a;padding:30px;border-radius:15px;max-width:800px;margin:0 auto 50px;box-shadow:0 0 15px #00bfff4d}.contact-info p{font-size:20px;line-height:2}.contact-info a{color:#00bfff;text-decoration:none}.contact-info a:hover{text-decoration:underline}.contact-form{background:#00bfff1a;padding:40px;border-radius:15px;max-width:800px;margin:0 auto;box-shadow:0 0 15px #00bfff4d}.contact-form label{font-size:20px;display:block;text-align:left;margin-bottom:10px;color:#fff}.contact-form input,.contact-form textarea{font-size:30px;padding:15px;width:100%;border-radius:10px;border:none;background:#fff3;color:#fff}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff9}.contact-form textarea{height:150px}.contact-form button{margin:20px auto;font-size:24px;justify-content:center;align-items:center;background-color:#00b7ff;color:#fff;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 5px 15px #00bfff80;display:inline-block;width:180px;height:60px;text-align:center;text-decoration:none;line-height:60px;font-weight:700;padding:0 20px;white-space:nowrap}.contact-form button span{display:block;text-align:center}.footer{position:fixed;width:100%;height:40px;bottom:0;left:0;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;z-index:1000;background:transparent}.footer-container{width:100%;display:flex;align-items:center;justify-content:space-between}*{font-family:Calibri,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;color:#fff;background-image:url(/assets/img/background1.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;min-height:100%;overflow-x:hidden;flex-wrap:wrap}.buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;gap:30px;margin-top:70px;margin-bottom:50px}.btn{display:inline-block;cursor:pointer;box-sizing:border-box;width:100%;max-width:180px;height:60px;font-size:24px;color:#fff;background-color:#00b7ff;border:none;border-radius:30px;text-align:center;text-decoration:none;line-height:60px;font-weight:700;transition:all .3s ease-in-out;padding:0 20px;white-space:nowrap}.btn:hover{transform:scale(1.05)}@media (max-width: 1024px){.profile-img{max-width:250px;max-height:250px;margin-top:120px}.info{max-width:90%;margin:0 auto}.info h1{font-size:60px}.info p{font-size:22px}.buttons{flex-direction:row;align-items:center;margin-bottom:50px}.contact-intro,.contact-info,.contact-form{width:90%;text-align:center;margin:0 auto}.contact-info p,.contact-form label,.contact-form input,.contact-form textarea{font-size:20px;width:90%}.contact-form button{width:80%;margin:10px auto}.timeline-item{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.footer{padding:15px 10px}body{background-attachment:scroll}}@media (max-width: 768px){.contact-title{font-size:50px;text-align:center}.buttons{max-width:100px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:20px;width:100%;font-size:9px;margin:50px auto 30px;justify-items:center}.buttons .btn:nth-child(3){grid-column:1 / 3;justify-self:center}.contact-info{text-align:center;width:90%;margin:0 auto}.contact-info p{font-size:24px}.contact-form{width:90%;margin:0 auto}.contact-form label,.contact-form input,.contact-form textarea{font-size:20px;width:90%}.contact-form button{width:80%;margin:10px auto}.footer{padding:15px 10px}body{background-attachment:scroll}}@media (max-width: 768px){.info h1{font-size:40px}.info p{font-size:16px;line-height:1.4}.contact-info p{font-size:18px}}@media (max-width: 768px){.timeline-detail li{font-size:16px;line-height:1.5}.timeline-item{width:90%;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#about-me p{width:100%;font-size:15px;align-items:center;text-align:center}h1,h2{font-size:50px}.timeline:before{z-index:-1;-webkit-backdrop-filter:blur(20%);backdrop-filter:blur(20%)}.timeline-date{position:relative;left:0;display:block;text-align:center;margin-bottom:10px}.footer p{font-size:14px}}@media (max-width: 1024px){.content{flex-direction:column;text-align:center}.info{max-width:90%;margin:0 auto}.info h1{font-size:60px}.info p{font-size:22px}.buttons{flex-direction:row;align-items:center}}@media (max-width: 768px){.profile-img{width:200px;height:200px}.info h1{font-size:50px}.info p{font-size:22px}.btn{width:80%;margin-bottom:30px;font-size:13px;width:100px;display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center}}.row-separator{height:50px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-container,.contact-container,.contact-form,.contact-info,.project-card,.contacts,.projects-description{opacity:0;animation:fadeIn 1s ease-in-out forwards}.projects-description{animation-delay:.8s}.project-card:nth-child(1){animation-delay:1.1s}.project-card:nth-child(2){animation-delay:1.4s}.project-card:nth-child(3){animation-delay:1.7s}.project-card:nth-child(4){animation-delay:2s}.project-card:nth-child(5){animation-delay:2.3s}.project-card:nth-child(6){animation-delay:2.6s}#introduction{animation-delay:2.7s}#work{animation-delay:4s}#contact{animation-delay:4.3s}.contact-intro{animation-delay:.8s}.contact-info{animation-delay:1.3s}.contact-form{animation-delay:1.6s}#introduction,#about-me-section,#projects-section,#contact-section{opacity:0;animation:fadeInDown 1s ease-in-out forwards}#introduction,#about-me-section{animation-delay:.7s}#projects-section{animation-delay:1.4s}#contact-section{animation-delay:1.5s}#about-me{opacity:0;animation:fadeIn 1s ease-in-out forwards}#about-me{animation-delay:.7s}#timeline{animation-delay:1.1s}.profile-img{opacity:0;transform:scale(.8);animation:fadeIn 1s ease-in-out forwards;animation-delay:.2s}.info p{opacity:0;transform:translateY(20px);animation:fadeIn 1s ease-in-out forwards;animation-delay:.4s}.info h1{opacity:0;transform:translateY(20px);animation:fadeIn 1s ease-in-out forwards;animation-delay:.6s}.buttons{opacity:0;animation:fadeIn 1s ease-in-out forwards;animation-delay:.8s}.btn{transition:transform .3s ease,box-shadow .3s ease}.btn:hover{transform:scale(1.1);box-shadow:0 0 15px #0ff9}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:9999;overflow:hidden;transition:opacity 2s ease-in-out;pointer-events:none}#matrixCanvas{width:100%;height:100%;display:block;background-color:transparent;pointer-events:none}#mainContent{transition:opacity 2s ease-in-out}