body{font-family:Arial,sans-serif;margin:0}html{scroll-behavior:smooth}.navbar{background:linear-gradient(90deg,#1a0324,#3478db)}.navbar-brand{align-items:center;display:flex}.navbar-logo{border-radius:50%;height:40px;margin-right:10px;width:40px}.navbar-toggler{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:24px}.navbar-toggler-icon{height:1.5em;vertical-align:middle;width:1.5em}.navbar-links{background-color:#1a0324cc;box-shadow:0 4px 8px #0003;display:none;flex-direction:column;margin:0;opacity:0;padding:15px 0;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:auto;z-index:-1}.navbar-links.active{display:flex;opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-links.row{flex-direction:row}.navbar-links li{margin:10px 0;text-align:center}.navbar-links a{display:block;padding:10px 15px}@media (max-width:768px){.navbar{padding:10px}.navbar-toggler{display:inline-block;position:absolute;right:15px;top:15px;z-index:1001}.navbar-links{background-color:#1a0324cc;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:auto}.navbar-links.active{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-links.row{flex-direction:row}.navbar-links li{margin:10px 0}}@media (min-width:769px){.navbar-links{background-color:initial;box-shadow:none;display:flex;flex-direction:row;opacity:1;pointer-events:auto;position:static;transform:translateY(0);width:auto;z-index:auto}.navbar-links li{margin:0 15px}}.header{align-items:center;background-image:url(/static/media/backg.4efd88536c178152948e.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative}.header-content{align-items:flex-start;display:flex;justify-content:flex-end;padding-right:20px;padding-top:10%;width:100%}.header-text{margin-bottom:600px;margin-right:100px;max-width:50%}.header-text h1{animation:fadeIn 2s ease;font-size:4rem;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.p1{font-size:1.2rem}.down{animation:slideIn 2s ease;font-size:2rem;margin-top:20px}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width:768px){.header-content{align-items:center;justify-content:center;padding:20px}.header-text{margin-right:-70px;margin-top:300px;max-width:100%;text-align:right}.header-text h1{font-size:3rem}.upp{margin-top:70px}.down{font-size:1.5rem;margin-top:100px}}.about-container,body{background:linear-gradient(135deg,#3498db,#8e44ad)}.about-container{animation:gradientAnimation 10s ease infinite;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:100%;overflow:hidden;padding:20px;position:relative}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ins{margin-right:100px;text-align:left}.about{color:#fff;margin-top:20px;padding:40px 15px}.about-content{max-width:100%}.about-content,.too{text-align:center}.about p{font-size:16px}.skills{color:#000;display:inline-block;list-style:none;margin-top:20px}.skill{background-color:aqua;border-radius:50px}.certifications{color:#000;margin:20px 0;text-align:left}.certifications ul{background-color:#732d91;list-style:none;padding:0}.ins{align-items:flex-start;margin-top:5px;text-align:justify}.certifications li{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:10px 0;padding:15px;transition:transform .3s ease-in-out}.certifications li:hover{transform:translateY(-5px)}.certifications h4{margin-bottom:5px}.certifications p{color:#555;font-size:14px;text-align:left}.certifications a{background-color:#3498db;border-radius:4px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.certifications a:hover{background-color:#2980b9}.resume{margin-top:20px}.resume a{background-color:#8e44ad;border-radius:4px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.resume a:hover{background-color:#732d91}.gallery{background:#ffffffe6;margin-top:40px;padding:20px 10px;text-align:center}.gallery-content{margin:0 auto;max-width:100%}.gallery h3{color:#333;margin-bottom:20px}.photo-gallery{display:flex;flex-wrap:wrap;justify-content:center}.flip-card{background-color:initial;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:150px;margin:10px;perspective:1000px;transition:transform .6s;width:150px}.flip-card:hover{transform:scale(1.05)}@media (min-width:768px){.about-container{max-width:1200px}.flip-card{height:200px;width:200px}}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;height:100%;position:absolute;width:100%}.flip-card-front{align-items:center;display:flex;justify-content:center}.flip-card-back{transform:rotateY(180deg)}.flip-card img{border-radius:8px;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.about{padding:30px 10px}.about h2{margin-top:20px}.about p,.certifications p{font-size:14px}.certifications li{padding:10px}.certifications a{padding:6px 12px}}.projects{padding:90px 20px}.projects h2{animation:fadeIn 1s ease-in-out;text-align:center}.project{animation:fadeInUp 1s ease-in-out;text-align:center;transition:transform .3s ease-in-out;width:220px}.Projectim{height:auto}.Projecti,.Projectim{box-sizing:border-box;width:100%}.Projecti{height:50%}h2{margin-right:10px}.project:hover{transform:translateY(-10px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-icons-container{bottom:20px;position:absolute;text-align:center;width:100%}.social-icons{background-color:#00000080;border-radius:5px;display:flex;gap:20px;justify-content:center;padding:10px}.icons-container{gap:20px}.social-icons a{color:#fff;font-size:24px;margin:0 5px}.nnn{background-color:#00000080;font-size:small;text-align:center}.social-icons a:hover{color:gold}@media (max-width:768px){.social-icons-container{bottom:5px}}.App{font-family:Arial,sans-serif}.navbar{align-items:center;background-color:#333;box-shadow:0 4px 8px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-brand{font-size:24px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links a{color:#fff;text-decoration:none;transition:color .3s}.navbar-links a:hover{color:#f39c12}section{align-items:center;display:flex;height:100vh;justify-content:center;transition:transform .5s ease-in-out}.header{background:linear-gradient(90deg,#8e44ad,#3498db);color:#fff;padding:100px 20px;text-align:center}.header h1{font-size:48px;margin-bottom:20px}.header p{font-size:24px}.about{background:#ecf0f1;padding:60px 20px;text-align:center}.about h2{color:#333;margin-bottom:20px}.about p{color:#666;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.projects{background:#fff;padding:60px 20px;text-align:center}.projects h2{color:#333;margin-bottom:40px}.project-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.project{background:#ecf0f1;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:300px;padding:20px;text-align:left}.project h3{color:#3498db;margin-bottom:10px}.project p{color:#666}.contact{background:#ecf0f1;padding:60px 20px;text-align:center}.contact h2{color:#333;margin-bottom:20px}.contact form{align-items:center;display:flex;flex-direction:column;gap:15px}.contact label{color:#333;font-size:18px}.contact input,.contact textarea{border:1px solid #ccc;border-radius:5px;font-size:16px;max-width:400px;padding:10px;width:100%}.contact button{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease-in-out}.contact button:hover{background:#2980b9}
/*# sourceMappingURL=main.2160ca82.css.map*/