@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');:root{--body-color:rgb(250,250,250);--color-white:rgb(255,255,255);--text-color-second:rgb(68,68,68);--text-color-third:rgb(30,159,171);--first-color:rgb(110,87,224);--first-color-hover:rgb(40,91,212);--second-color:rgb(110,87,224);--third-color:rgb(192,166,49);--first-shadow-color:rgba(0,0,0,0.1)}body.dark-mode{--body-color:#121212;--color-white:#1e1e1e;--text-color-second:#f0f0f0;--text-color-third:#4fd6d6;--first-color:#6c5ce7;--first-color-hover:#4834d4;--second-color:#6c5ce7;--third-color:#fbc531;--first-shadow-color:rgba(19,1,1,0.1)}body{background:linear-gradient(135deg,#2c3e50,#3498db);color:white;font-family:'Poppins',sans-serif;scroll-behavior:smooth}.navbar{background-color:white!important}.navbar-brand,.nav-link{background:linear-gradient(135deg,#007bff,#4a00e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;transition:all .3s ease}.navbar-brand:hover,.nav-link:hover{background:linear-gradient(135deg,#64a7efb6,#4a00e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;cursor:pointer}.admin-container{background-color:white;color:#333;padding:30px;margin-top:50px;box-shadow:0 0 10px black;border-radius:10px;transition:transform .3s ease}.admin-container:hover{transform:scale(1.02)}.dashboard-img{width:100%;border-radius:10px;margin-bottom:15px}section{padding:60px 0}.logo{width:50px;margin-right:10px;filter:brightness(0) saturate(100%) invert(29%) sepia(92%) saturate(3219%) hue-rotate(190deg) brightness(93%) contrast(93%)}.featured-box{background:linear-gradient(135deg,#2c3e50,#3498db);color:white;padding:60px 20px}.featured-text{max-width:700px}.top-header{text-align:center;margin-bottom:5em}.top-header h1{font-weight:600;margin-bottom:10px}.top-header span{color:#999}h3{font-size:20px;font-weight:600;margin-bottom:15px}.about-info{position:relative;display:flex;align-items:center;flex-direction:column;padding-block:30px 70px;padding-inline:20px;width:100%}.about-info p{font-size:15px}.skills-box{margin:10px}.skills-header{margin-bottom:15px}.skills-list{display:flex;flex-wrap:wrap;gap:5px}.skills-list span{font-size:12px;background:var(--first-color);color:var(--color-white);padding:2px 10px;border-radius:5px}.wrapper{padding-inline:5vw}@media only screen and (max-width:1024px){.featured-text{padding:0}.image,.image img{width:320px;height:320px}}@media only screen and (max-width:900px){.nav-button{display:none}.nav-menu.responsive .nav-button.mobile-visible{display:flex;flex-direction:column;align-items:center;margin-top:20px}.nav-button{display:flex;gap:10px}.nav-menu.responsive{left:0}.nav-menu{position:fixed;top:80px;left:-100%;flex-direction:column;justify-content:center;align-items:center;background:rgba(255,255,255,.7);backdrop-filter:blur(20px);width:100%;min-height:450px;height:90vh;transition:.3s}.nav_menu_list{flex-direction:column}.nav-menu-btn{display:flex;align-items:center;justify-content:center}.featured-box{flex-direction:column;justify-content:center;height:100vh}.featured-text{width:100%;order:2;justify-content:center;align-content:flex-start;min-height:60vh}.social_icons{margin-top:2em}.featured-image{order:1;justify-content:center;min-height:150px;width:100%;margin-top:65px}.image,.image img{width:150px;height:150px}.row{display:flex;flex-direction:column;justify-content:center;gap:50px}.col{display:flex;justify-content:center;width:100%}.about-info,.contact-info{width:100%}.project-container{justify-content:center}.project-box{width:80%}}@media only screen and (max-width:540px){.featured-name{font-size:40px}.project-box{width:100%}.form-inputs{flex-direction:column}.input-field{width:100%}}.carousel-inner{height:400px}.carousel-inner img{height:100%;width:100%;object-fit:cover;object-position:center}@media (max-width:768px){.carousel-inner{height:350px}}.carousel-control-prev,.carousel-control-next{top:10px;bottom:auto;width:30px;height:30px}.carousel-control-prev-icon,.carousel-control-next-icon{background-size:10px 10px;background-color:rgba(0,0,0,.381);border-radius:50%;width:30px;height:30px}@media (max-width:576px){.carousel-control-prev,.carousel-control-next{top:3px;width:25px;height:5px}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.contact-box{background:linear-gradient(270deg,#f8f8f8,#f5e6ff,#ffd6d6,#e0d6ff,#f8f8f8);background-size:800% 800%;animation:gradientAnimation 15s ease infinite;border-radius:10px;padding:20px 30px;margin:20px auto;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:600px;text-align:center;border:1px solid #ddd}.contact-box h2{color:#7a30ec;margin-bottom:10px}.contact-box p{margin-bottom:20px;color:#7a30ec}.contact-box input,.contact-box textarea{width:90%;padding:10px;margin:8px 0;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:all .3s ease}.contact-box textarea{height:100px;resize:vertical}.contact-box input:focus,.contact-box textarea:focus{border-color:#7a30ec;outline:none;box-shadow:0 0 8px rgba(52,152,219,.3)}.contact-box button{background:linear-gradient(135deg,#007bff,#4a00e0);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.contact-box button:hover{background:linear-gradient(135deg,#64a7efb6,#4a00e0);transform:scale(1.05)}.bottom-footer{font-size:14px;margin-top:10px}.text-mu a{color:#f3f7f9}.bottom-footer p>a{text-decoration:none;color:var(--color-white);transition:color .3s ease}.bottom-footer p>a:hover,.text-mu a:hover{background:linear-gradient(135deg,#7a479eb1,#392e4f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bottom-footer p>i{font-size:18px;z-index:2;margin:5px}.bt{background:linear-gradient(135deg,#007bff,#4a00e0);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease}.bt:hover{background:linear-gradient(135deg,#64a7efb6,#4a00e0);transform:scale(1.05)}