body{margin:0;padding:0;box-sizing:border-box;min-height:100vh;background-color:#0f182f;--x: 50%;--y: 50%;background:radial-gradient(600px circle at var(--x) var(--y),rgba(32,106,138,.15),transparent 60%),#0f182f;transition:background .1s ease;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{height:100%;color:#c5d3ed}h1,h2,h3,h4,h5,h6{color:#cacaca;margin:0}p{color:#8699bc}a{color:inherit;text-decoration:none}svg{color:#8699bc;fill:currentColor}aside{padding:0;margin:0}.body-layout{display:flex;height:100vh;overflow:hidden}.left-side{width:44%;background:transparent;display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:flex-start;gap:70px;padding-top:75px;padding-left:85px}.left-side-d1{width:100%;display:flex;flex-direction:column;height:auto;margin-top:15px}.left-side-d1 h1{font-size:50px;margin-top:0;margin-bottom:0;color:#cacaca}.left-side-d1 p{font-size:20px;margin-top:10px;margin-bottom:0;color:#cacaca;font-weight:500}.left-side-d1 .left-side-d1-p{font-size:16px;margin-top:19px;max-width:300px;color:#8699bc;line-height:23px}.left-side-d2{display:flex;flex-direction:column;width:100%;gap:24px;margin-top:4px}.left-side-d2>div>button{display:flex;align-items:center;gap:15px;background:none;border:none;padding:0;color:inherit;cursor:pointer}.left-side-d2 .ls-d2-d1 button h6,.left-side-d2 .ls-d2-d2 button h6,.left-side-d2 .ls-d2-d3 button h6{font-size:13px}.ls-d2-d1 button div,.ls-d2-d2 button div,.ls-d2-d3 button div{height:1px;width:30px;background-color:#8699bc}.left-side-d2 h6{font-size:13px;color:#8699bc;font-weight:800}.left-side-d3{width:100%;display:flex;flex-wrap:wrap;gap:20px;row-gap:16px;padding-left:10px}.left-side-d3 a svg{width:24px;height:24px;transition:color .3s ease-in-out}.left-side-d3 a svg:hover{color:#cacaca}.left-side-d3 a.left-side-d3-link--boxed{display:inline-flex;align-items:center;justify-content:center}.left-side-d3 a.left-side-d3-link--boxed svg{width:32px;height:32px;transition:color .25s ease}.left-side-d3 a.left-side-d3-link--boxed svg circle,.left-side-d3 a.left-side-d3-link--boxed svg path{transition:fill .25s ease}.left-side-d3 a.left-side-d3-link--boxed:hover svg circle,.left-side-d3 a.left-side-d3-link--boxed:hover svg path{fill:#cacaca}.nav-active .ls-d2-line{width:63px;background-color:#fff}.left-side-d2 .nav-active button h6{color:#cacaca}.ls-d2-line{transition:width .3s ease,background-color .3s ease}.left-side-d2 h6{transition:color .3s ease}.nav-active .ls-d2-line,.nav-hover .ls-d2-line{width:63px;background-color:#fff}.left-side-d2 .nav-active button h6,.left-side-d2 .nav-hover button h6{color:#cacaca}.right-side{width:56%;overflow-y:auto;overflow-x:hidden;padding:82px 40px 80px 0}.right-side #about{margin-bottom:134px}.right-side #about p{line-height:25px;margin-bottom:20px;max-width:605px}.highlighted{color:#cacaca;font-weight:600}.highlighted:hover{color:#64c8d6}.right-side #experience{display:flex;flex-direction:column;gap:20px;margin-bottom:134px}.card-date-hyphen{display:inline-block;width:10px;height:1px;vertical-align:middle;background-color:#4f648c}.experience-card{border-radius:5px;transition:background .1s ease-in-out}.experience-card:hover{background:#172546;cursor:pointer;outline:1px solid #233257}.experience-card:hover .ex-card-right .ex-card-right-p1,.experience-card:hover .ex-card-right p svg{color:#64c8d6}.experience-card .ex-card-left{flex:20%}.ex-card-left p{font-size:13px;color:#4f648c;font-weight:600;margin:2px 0 0}.experience-card .ex-card-right{flex:80%;display:flex;flex-direction:column;gap:20px}.ex-card-right .ex-card-right-p1{margin:0;transition:color .3s ease-in-out;position:relative}.ex-card-right p{margin:0}.ex-card-right .ex-card-right-p1 svg{width:16px;color:#fff;margin-bottom:-4px;position:absolute;top:3px;right:-20px;transition:all .3s ease}.experience-card:hover .ex-card-right svg{top:0;right:-25px}.ex-card-right p:nth-child(1){color:#cacaca;font-weight:600;font-size:16px;width:fit-content}.ex-card-right .ex-card-right-p2{font-size:14px;color:#4f648c;font-weight:600;line-height:18px;max-width:470px}.ex-card-right .ex-card-right-d1{display:flex}.ex-card-right-tags p{margin:0}.ex-card-right-tags{display:flex;gap:10px;flex-wrap:wrap}.proj-card-right .ex-card-right-tags div p,.ex-card-right .ex-card-right-tags div p{font-size:13px;color:#69d3d6;background-color:#1e3757;padding:5px 10px;border-radius:20px}.ex-card-right-tags.proj{margin-top:30px}.experience-card a{text-decoration:none;display:flex;padding:20px 30px;gap:30px}.ex-card-right-d1{display:flex;gap:20px}.ex-card-right-d1 div{display:flex;gap:5px}.ex-card-right-d1 div svg{width:14px}.ex-card-right-d1 div p{font-size:14px}.ex-card-right-d1 div:hover svg,.ex-card-right-d1 div:hover p{color:#64c8d6}.experience-resume .experience-resume-p{color:#cacaca;font-weight:600;font-size:16px;width:fit-content;transition:color .3s ease-in-out;position:relative;margin:0 0 0 25px}.experience-resume-p svg{width:16px;color:#fff;margin-bottom:-4px;position:absolute;top:3px;right:-20px;transition:all .3s ease}.experience-resume:hover .experience-resume-p,.experience-resume:hover .experience-resume-p svg{color:#64c8d6}.experience-resume:hover .experience-resume-p svg{top:0;right:-25px}.projects-card a{text-decoration:none;display:flex;padding:20px 30px;gap:30px}.projects-card{border-radius:5px;transition:background .1s ease-in-out}.projects-card:hover{background:#172546;cursor:pointer;outline:1px solid #233257}.projects-card .proj-card-left{margin-top:5px;flex:25%;border:1px solid grey;border-radius:2px}.projects-card .proj-card-right{flex:75%;display:flex;flex-direction:column;gap:10px}.proj-card-d2-p1{margin:0;transition:color .3s ease-in-out;position:relative;color:#cacaca;font-weight:600;font-size:16px;width:fit-content}.proj-card-d2-p2{font-size:14px;color:#4f648c;font-weight:600;line-height:18px;max-width:470px;margin:0}.proj-card-d2-p1 svg{width:16px;color:#fff;margin-bottom:-4px;position:absolute;top:3px;right:-20px;transition:all .3s ease}.projects-card:hover .proj-card-d2-p1,.projects-card:hover .proj-card-d2-p1 svg{color:#64c8d6}.projects-card:hover .proj-card-d2-p1 svg{top:0;right:-25px}.proj-card-left,.proj-card-left img{width:100%;max-width:149px;height:78px}.projects-card:hover .proj-card-left{outline:1px solid grey;border-radius:1px}.projects{display:flex;flex-direction:column;gap:20px}.mobile-heading{display:none}.Other-Shit{display:flex;align-items:flex-end;justify-content:center;height:200vh}.Other-Shit2{display:none;align-items:flex-end;justify-content:center;height:200vh}.projects-resume{background:none;border:none;padding:0;cursor:pointer}.projects-resume .projects-resume-p{color:#cacaca;font-weight:600;font-size:16px;width:fit-content;transition:color .3s ease-in-out;position:relative;margin:0 0 0 25px}.projects-resume-p svg{width:16px;color:#fff;margin-bottom:-4px;position:absolute;top:3px;right:-20px;transition:all .3s ease}.projects-resume:hover .projects-resume-p{text-decoration:underline;text-decoration-color:#64c8d6;text-underline-offset:6px}.projects-resume:hover .projects-resume-p svg{color:#64c8d6}.projects-resume:hover .projects-resume-p svg{top:3px;right:-30px}.pp-layout{display:flex;flex-direction:column;gap:50px;padding:100px 85px;overflow:auto!important;height:auto!important;box-sizing:border-box}.pp-title h1{font-size:48px;color:#c3d1ec}.pp-title-link{display:inline-block;width:100%;max-width:150px}.pp-title-link h6{font-size:16px;position:relative;color:#64c8d6;margin-left:20px}.pp-title-link h6 svg{width:16px;transform:rotate(180deg);position:absolute;bottom:2px;left:-20px;color:#64c8d6;transition:all .3s ease-in-out}.pp-title .pp-title-link:hover h6 svg{bottom:2px;left:-30px;color:#64c8d6}.pp-table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 0;font-weight:600;color:#cacaca;border-bottom:1px solid #212c43}tbody td{padding:20px 5px;border-bottom:1px solid #2e3c5c;font-size:14px}.pp-table td:nth-child(2){color:#fff;font-size:16px;font-weight:700}.pp-table-BW p{margin:0}.pp-table-BW{display:flex;gap:10px;flex-wrap:wrap}.pp-table-BWdiv p,.pp-table-BW div p{font-size:13px;color:#69d3d6;background-color:#1e3757;padding:5px 10px;border-radius:20px}.pp-table-link{margin:0;transition:color .3s ease-in-out;position:relative;color:#cacaca;font-weight:600;font-size:14px;width:fit-content}.pp-table-link svg{width:16px;color:#fff;margin-bottom:-4px;position:absolute;top:3px;right:-20px;transition:all .3s ease}.pp-table-link:hover{color:#64c8d6}.pp-table-link:hover svg{color:#64c8d6}.pp-table-link:hover svg{top:0;right:-25px}.table-link-mobile .pp-table-link svg{top:-5px}.table-link-mobile{display:none}@media(min-width:1400px){.body-layout{width:100%;max-width:1100px;margin:0 auto}.right-side{scrollbar-width:none;-ms-overflow-style:none}.pp-layout{width:100%;max-width:1200px;margin:0 auto}tbody td{padding:20px 10px}thead th{padding:10px}}@media(max-width:1100px){.pp-table th:nth-child(4),.pp-table td:nth-child(4){display:none}}@media(max-width:767px){*{box-sizing:border-box}html,body{height:auto;overflow:auto}.body-layout{flex-direction:column;height:auto!important;overflow:visible!important;width:100%}.left-side{width:100%;height:auto!important;padding-top:0;padding-left:0;padding:50px!important;text-align:center}.left-side-d1,.left-side-d2{align-items:center}.left-side-d3{justify-content:center}.left-side-d2{display:none}.right-side{width:100%;overflow:visible!important;padding-right:0;padding-top:0}.right-side #about{padding:50px;text-align:center;margin-bottom:50px}.right-side #experience,.right-side #projects{padding:50px}.mobile-heading{display:block;font-size:20px;text-align:center}.Other-Shit{display:none}.Other-Shit2{display:flex}}@media(max-width:730px){.pp-table th:nth-child(3),.pp-table td:nth-child(3){display:none}.pp-layout{padding:100px 45px}}@media(max-width:500px){.pp-table td .table-link-dex{display:none}.table-link-mobile{display:block}}