@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Roboto:wght@500&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,serif}body{background-color:#f5f5f5}a{text-decoration:none;color:inherit;cursor:pointer;line-height:1}.container{padding-left:10%;padding-right:10%}.btn{background:#e6c8af;color:#333;padding:14px 25px;font-size:14px;border-radius:30px;cursor:pointer;border:0;outline:0;display:inline-flex;justify-content:center;align-items:center}.btn.dark-btn{background:#a88da0;color:#fff;display:block;margin-top:10px}.btn img{width:20px;margin-left:10px}@media (max-width: 750px){.container{padding-left:5%;padding-right:5%}.btn{padding:14px 22px;font-size:14px}}nav{width:100%;color:#fff;padding:7px 0;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;z-index:10}.logoBtn{width:50px;height:50px;background:none;outline:none;border:none;cursor:pointer}.logo{width:100%}nav ul li{display:inline-block;list-style:none;margin:5px 20px;font-size:18px}.dark-nav{background:#a88da0;transition:.5s}.menu-icon{display:none}@media (max-width: 850px){.logo{width:40px}nav ul li{margin:5px 10px;font-size:14px}}@media (max-width: 450px){nav{padding:10px 0}nav ul{position:fixed;top:0;right:-200px;bottom:0;background:#a88da0;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px;text-align:center}.menu-icon{display:block;width:30px;cursor:pointer}.mobile-menu{right:0}}.hero-container{width:100%;min-height:100vh;background:url(/assets/demo-esq2beFl.png);background-blend-mode:overlay;background-size:cover;background-position:bottom right;color:#fff;display:flex;justify-content:space-between}.hero-section{position:absolute;left:10vw;top:28vh;text-align:left;max-width:800px}.hero-section h1{font-size:2em;text-align:left;color:#555}.hero-section p{max-width:700px;margin:10px auto 0;color:#102a43;text-align:left;font-size:18px}.hero-section p span{display:block;font-size:14px;color:#486581}.intro-card{position:absolute;bottom:10%;right:40%;transform:translateY(-50%);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;width:280px;border-radius:15px;box-shadow:0 4px 10px #0000001a}.intro-card h2{font-size:22px;font-weight:700;color:#222}.intro-card p{font-size:16px;color:#555;line-height:1.5}.hero-section h1 span{color:#222;font-size:2.5em;display:block}@media (max-width: 750px){.hero-section{background-position:right;left:7vw}.hero-section h1{font-size:38px}.hero-section h1 span{font-size:1.5em}.intro-card{bottom:5%;left:3em}}@media (max-width: 450px){.hero-container{background-position:right;min-height:80vh}.hero-section{text-align:center;top:20vh}.hero-section h1{font-size:20px;max-width:400px}.hero-section p{font-size:14px;margin:15px auto}.intro-card{bottom:30vh;display:none}}.title{text-align:center;color:#212ea0;font-size:15px;font-weight:600;text-transform:uppercase;margin:18vh 0 20px}.title h2{font-size:32px;color:#000f38;text-transform:none}.experience-container{position:relative;width:100%;max-width:800px;margin:50px auto;text-align:center}.wavy-line{width:100%;height:60px}.nodes{position:relative;top:-40px;display:flex;justify-content:space-between;width:100%}.node{position:absolute;transform:translate(-50%);cursor:pointer}.circle{width:15px;height:15px;background-color:#00e7ff;border-radius:50%}.exp-card{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:180px;background:#00e7ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;border-radius:8px;box-shadow:0 4px 10px #0000004d;text-align:center;display:none}.node:hover .exp-card{display:block}.time{font-size:14px;color:gray}.designation{font-weight:700}hr{margin:5px 0;border:.5px solid #ddd}.node-0{position:absolute;bottom:-5px}.node-1{position:absolute;bottom:-8px}.node-2{position:absolute;top:13px}@media (max-width: 450px){.experience-container{margin-top:9vh;padding:20px}.exp-card{left:2.5em;width:130px}}.contact{margin:4em auto;min-width:90%;display:flex;align-content:center;justify-content:center}.contact-col{flex-basis:48%;color:#676767}.contact form{box-shadow:0 0 20px #00000040;padding:40px;border-radius:10px;color:#676767;line-height:1.4}.contact form input,.contact form textarea{display:block;width:100%;background:#ebecfe;padding:15px;border:0;outline:0;margin-bottom:15px;margin-top:5px;resize:none}.contact-col spam{display:block;margin:20px 0}@media (max-width: 850px){.contact{display:block}.contact-col{padding:20px}}.footer{margin:10px auto;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #797979;padding:15px 0}.social-links a{margin-left:2vw}@media (max-width: 750px){.footer ul li{display:inline;margin:10px}}.skills-container{display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:14vh}.skills-wrapper{width:100%;margin:0 auto;text-align:center}.skills-marquee{display:inline-flex;align-items:center;justify-content:center}.skills-icon{margin:0 1.2em;font-size:3.73rem;color:#121212;transition:transform .3s ease-in}.skills-icon:hover{transform:scale(1.1)}@media (max-width:450px){.skills-icon{margin:0 25px}}.project-container{width:100%;height:auto;padding:0}.project-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;padding:16px;margin:0}.project-card{display:flex;flex-direction:column;justify-content:center;padding:15px;background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001f;transition:all .3s ease-in-out;margin:15px auto}.project-card:hover{box-shadow:0 12px 25px #0000002e;transform:translateY(-5px)}.project-image{width:250px;height:250px;outline:0;border-radius:20px;padding-bottom:10px}.project-description h2{text-align:center}.project-description p{font-size:16px;text-align:center;margin:10px}.project-links{display:flex;justify-content:space-around;padding:10px}