@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap";html,body{margin:0;padding:0;color:#fff;line-height:1.5;font-weight:300;text-decoration:none}html ::-webkit-scrollbar,body ::-webkit-scrollbar{width:6px}html ::-webkit-scrollbar-track,body ::-webkit-scrollbar-track{background:#2e284e}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background:#febe00}html ::-webkit-scrollbar-thumb:hover,body ::-webkit-scrollbar-thumb:hover{background:#c39200}html *,body *{margin:0;padding:0;line-height:inherit;font-weight:inherit;text-decoration:inherit;font-family:Roboto,sans-serif;box-sizing:border-box}html a,body a{color:#febe00}html canvas,body canvas{position:fixed;top:0;bottom:0;right:0;left:0;width:100dvw;height:100dvh;background:url(./images/space.jpg);background-size:100% 100%}html main,body main{position:relative}html main .button,body main .button{padding:10px 30px;border:0;border-radius:2px;background-color:#febe00;color:#292929;font-weight:500;cursor:pointer;transition:.3s}html main .button.shadow,body main .button.shadow{box-shadow:0 0 12px 2px #00000080}html main .button.disabled,body main .button.disabled{background-color:#eee}html main .sections,body main .sections{display:grid;gap:40px;margin:auto;padding:40px;max-width:1400px}@media (max-width: 576px){html main .sections,body main .sections{padding:10px}}html main .sections .section,body main .sections .section{padding:40px;border-radius:4px;box-shadow:0 0 12px 2px #000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#0006;overflow:hidden}@media (max-width: 576px){html main .sections .section,body main .sections .section{padding:20px}}html main .sections .section .heading,body main .sections .section .heading{position:relative;margin-bottom:12px;font-weight:500;text-transform:uppercase}html main .sections .section .heading .secondary,body main .sections .section .heading .secondary{color:#febe00}html main .hr,body main .hr{display:flex;align-items:center;justify-content:end;width:100%;height:1px;max-width:700px;margin-top:12px;background-color:#ffffff5e}html main .hr:after,body main .hr:after{content:"";height:7px;width:7px;border-radius:100%;background-color:#febe00}html main .section.about .content,body main .section.about .content{display:grid;gap:20px;grid-template-columns:auto 300px}@media (max-width: 768px){html main .section.about .content,body main .section.about .content{grid-template-columns:auto}}html main .section.about .content .text,body main .section.about .content .text{display:grid;gap:10px}html main .section.about .content .resume,body main .section.about .content .resume{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}html main .section.about .content .resume img,body main .section.about .content .resume img{width:100%;max-width:200px}html main .section.contact .content .contact-links,body main .section.contact .content .contact-links{display:grid;align-items:center;gap:4px;margin-top:12px}html main .section.contact .content .contact-links .link,body main .section.contact .content .contact-links .link{max-width:fit-content}html main .section.contact .content .social-links,body main .section.contact .content .social-links{margin-top:12px}html main .section.contact .content .social-links .links,body main .section.contact .content .social-links .links{display:flex;gap:10px;align-items:center}html main .section.contact .content .social-links .links .link,body main .section.contact .content .social-links .links .link{display:flex;align-items:center;justify-content:center;height:40px;width:40px;background-color:#febe00}html main .section.contact .content .social-links .links .link .icon,body main .section.contact .content .social-links .links .link .icon{width:24px}html main .section.contact .form,body main .section.contact .form{display:grid;gap:10px;max-width:700px;margin-top:10px}html main .section.contact .form .field,body main .section.contact .form .field{display:grid;grid-template-columns:40px auto;grid-template-rows:40px}html main .section.contact .form .field .icon,body main .section.contact .form .field .icon{display:grid;place-items:center;border:1px solid #febe00;background:#febe00;font-size:18px;transition:.3s}html main .section.contact .form .field .icon img,body main .section.contact .form .field .icon img{filter:brightness(0) contrast(1)}html main .section.contact .form .input,html main .section.contact .form .textarea,body main .section.contact .form .input,body main .section.contact .form .textarea{width:100%;padding:5px 10px;border:1px solid rgba(255,255,255,.174);outline:0;background-color:#0006;color:#fff}html main .section.contact .form .textarea,body main .section.contact .form .textarea{resize:vertical}html main .section.contact .form .button,body main .section.contact .form .button{max-width:150px}html main .section.experience .content,body main .section.experience .content{display:grid;gap:18px;margin-top:12px}html main .section.experience .content .block .company,body main .section.experience .content .block .company{display:flex;justify-content:space-between;align-items:center;gap:20px}html main .section.experience .content .block .company .name,body main .section.experience .content .block .company .name{font-weight:400}html main .section.experience .content .block .details,body main .section.experience .content .block .details{display:grid;gap:10px}html main .section.experience .content .block .details .designation,body main .section.experience .content .block .details .designation{font-size:22px;font-weight:500;letter-spacing:6px;color:#febe00}@media (max-width: 576px){html main .section.experience .content .block .details .designation,body main .section.experience .content .block .details .designation{font-size:20px;letter-spacing:2px}}html main .section.experience .content .block .details .points,body main .section.experience .content .block .details .points{display:grid;gap:4px;padding:14px 14px 14px 30px;border-radius:4px;box-shadow:0 0 12px 2px #000;background:linear-gradient(90deg,#000000b3,#0000);overflow:hidden;list-style:none}html main .section.experience .content .block .details .points .point,body main .section.experience .content .block .details .points .point{position:relative;display:flex;align-items:center}html main .section.experience .content .block .details .points .point:before,body main .section.experience .content .block .details .points .point:before{content:"";position:absolute;left:-14px;height:5px;width:5px;border-radius:100%;background-color:#febe00}html main .section.skill .content,body main .section.skill .content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}@media (max-width: 576px){html main .section.skill .content,body main .section.skill .content{grid-template-columns:1fr}}html main .section.skill .content .block,body main .section.skill .content .block{display:flex;flex-direction:column;gap:12px;font-weight:400}html main .section.skill .content .block .title,body main .section.skill .content .block .title{font-size:20px}html main .section.skill .content .block .items,body main .section.skill .content .block .items{display:flex;flex-wrap:wrap;gap:10px}html main .section.skill .content .block .items .item,body main .section.skill .content .block .items .item{display:grid;grid-template-columns:20px auto;align-items:center;gap:8px;padding:4px 10px;border-radius:4px;background-color:#0006;font-size:14px}html main .section.skill .content .block .items .item img,body main .section.skill .content .block .items .item img{height:18px;width:100%;object-fit:contain;filter:drop-shadow(0 0 1px #febe00)}