html,body{background-color:#000;max-width:100%;max-height:100%;margin:0;padding:0;height:100%;color:#fff;font-family:Inter,sans-serif}#root{max-width:100%;max-height:100%;height:100%}.container{max-width:1200px;margin:0 auto;padding-left:25px;padding-right:25px;box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;font-size:14px;padding-top:25px;padding-bottom:25px}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#fff;cursor:pointer;transition:color .3s ease}.nav-links a:hover{color:#9929ea}.hero-section{display:flex;margin-bottom:25px;margin-top:25px}.hero-section>.left{display:flex;flex-direction:column;justify-content:center}.hero-section>.left>.img-container{border-radius:100%;height:250px;width:250px;min-height:250px;min-width:250px;margin-right:30px;overflow:hidden}.hero-section>.left img{width:100%;height:100%;object-fit:cover}.hero-section>.right{display:flex;flex-direction:column;row-gap:15px}.hero-section>.right .employment{margin-top:-15px}.hero-section>.right h1{font-size:36px}.hero-section>.right p{color:#fffc}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags .tag{height:25px;padding-left:10px;padding-right:10px;background-color:#583175;color:#fff;border-radius:2.5px}.tags .tag a{color:#fff;font-size:12px}.btn{background-color:#fff;color:#000;border:1px solid white;padding:10px 20px;border-radius:2.5px;cursor:pointer;outline:none;font-weight:600;font-size:15px;transition:background-color .3s ease}.btn:hover{background-color:transparent;color:#fff}.content-section{display:flex;flex-direction:column;row-gap:20px;margin-bottom:25px}.content-section p{color:#fffc}.content-section h3{font-size:17px}.footer{display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px}.projects-page{padding-top:25px;padding-bottom:25px}.projects-grid{padding-top:25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.project-box{background-color:#22112e;border-radius:8px;cursor:pointer;transition:.3s ease transform;height:580px}.project-box:hover{transform:scale(1.025)}.project-box img{width:100%;height:200px;object-fit:cover}.project-box .content{max-height:380px;height:100%;padding:20px 20px 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.project-box .content>div{row-gap:15px;display:flex;flex-direction:column}.project-box .content p{color:#fffc;font-size:15px;line-height:22px}.project-box .btn{color:#2b163b}.project-box .btn:hover{color:#fff}