@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";header{height:100vh;padding-top:7rem;overflow:hidden}.header-container{position:relative;height:100%;text-align:center}.button-set{display:flex;gap:1rem;justify-content:center;margin-top:2.5rem}.header-socials{position:absolute;bottom:3rem;left:0;display:flex;flex-direction:column;gap:.8rem;align-items:center}.header-socials:after{width:1px;height:2rem;content:"";background:var(--color-primary)}.profile{position:absolute;left:calc(50% - 11rem);width:22rem;height:30rem;padding:5rem 1.5rem 1.5rem;margin-top:4rem;overflow:hidden;background:var(--color-primary);border-radius:12rem 12rem 0 0}.scroll-down{position:absolute;right:-2.3rem;bottom:5rem;font-size:.9rem;font-weight:300;transform:rotate(90deg)}@media screen and (max-width: 1024px){header{height:68vh}}@media screen and (max-width: 600px){header{height:100vh}.header-socials,.scroll-down{display:none}}nav{position:fixed;bottom:2rem;left:50%;z-index:2;display:block;display:flex;gap:.8rem;width:max-content;padding:.7rem 1.7rem;background:rgb(0 0 0 / 30%);border-radius:3rem;transform:translate(-50%);backdrop-filter:blur(15px)}nav a{display:flex;padding:.9rem;font-size:1.1rem;color:var(--color-light);background:transparent;border-radius:50%}nav a:hover{background:rgb(0 0 0 / 30%)}nav a.active{color:var(--color-white);background:var(--color-bg)}.about-container{display:grid;grid-template-columns:35% 50%;gap:15%}.about-me{display:grid;place-items:center;width:100%;aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);border-radius:2rem}.about-me-image{overflow:hidden;border-radius:2rem;transition:var(--transition);transform:rotate(10deg)}.about-me-image:hover{transform:rotate(0)}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.about-card{padding:2rem;text-align:center;background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;transition:var(--transition)}.about-card:hover{cursor:default;background:transparent;border-color:var(--color-primary-variant)}.about-icon{margin-bottom:1rem;font-size:1.4rem;color:var(--color-primary)}.about-card h5{font-size:.95rem}.about-card small{font-size:.7rem;color:var(--color-light)}.about-content p{margin:2rem 0 2.6rem;color:var(--color-light)}@media screen and (max-width: 1024px){.about-container{grid-template-columns:1fr;gap:0}.about-me{width:50%;margin:2rem auto 4rem}.about-content p{margin:1rem 0 1.5rem}}@media screen and (max-width: 600px){.about-me{width:65%;margin:0 auto 3rem}.about-cards{grid-template-columns:1fr 1fr;gap:1rem}.about-content{text-align:center}.about-content p{margin:1.5rem 0}}.experience_container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.experience_container>div{background:var(--color-bg-variant);padding:2.4rem 5rem;border-radius:2rem;border:1px solid transparent;transition:var(--transition)}.experience_container>div:hover{background:transparent;border-color:var(--color-primary-variant);cursor:default}.experience_container>div h3{text-align:center;margin-bottom:2rem;color:var(--color-primary)}.experience_content{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.experience_details{display:flex;gap:1rem}.experience_details-icon{margin-top:6px;color:var(--color-primary)}@media screen and (max-width: 1024px){.experience_container{grid-template-columns:1fr}.experience_container>div{width:80%;padding:2rem;margin:0 auto}.experience_content{padding:1rem}}@media screen and (max-width: 600px){.experience_container{gap:1rem}.experience_container>div{width:100%;padding:2rem 1rem}}#root{max-width:1280px;padding:2rem;margin:0 auto;text-align:center}*{box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;border:0;outline:0}:root{--color-bg: #1f1f38;--color-bg-variant: #2c2c6c;--color-primary: #4db5ff;--color-primary-variant: rgb(77 181 255 / 40%);--color-white: #fff;--color-light: rgb(255 255 255 / 60%);--container-width-lg: 75%;--container-width-md: 86%;--container-width-sm: 90%;--transition: all .4s ease}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;line-height:1.7;color:var(--color-white);background:var(--color-bg);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKcWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMS0xN1QxODo0NzozMVoiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDEtMTlUMTA6NDE6MzBaIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRkZmE3YzdlLTljMjMtZGY0NS1hNjE3LTI1ZmIxN2MwYzI2YiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjQ1NzM3ODMzLTZkNDMtZTU0Yy05ZGJlLTkzM2ZjN2QyNWQ2MSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmFkZWMyZmNmLTBlN2MtYmY0NC04MjdhLTYyN2IxOTdkODg1ZiIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB0aWZmOk9yaWVudGF0aW9uPSIxIiB0aWZmOlhSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6WVJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpSZXNvbHV0aW9uVW5pdD0iMiIgZXhpZjpDb2xvclNwYWNlPSIxIiBleGlmOlBpeGVsWERpbWVuc2lvbj0iMTYiIGV4aWY6UGl4ZWxZRGltZW5zaW9uPSIxNiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YWRlYzJmY2YtMGU3Yy1iZjQ0LTgyN2EtNjI3YjE5N2Q4ODVmIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE3VDE4OjQ3OjMxWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMTc3MmY0ZS1jZGNkLTcyNDYtYjYyNi1kNzRlNWQxMGZiYmQiIHN0RXZ0OndoZW49IjIwMjItMDEtMThUMTc6MjBaIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMmQ3ZDMyLTU2YWEtNTY0OS04NDdmLTBmMWYzZThmMGJkYiIgc3RFdnQ6d2hlbj0iMjAyMi0wMS0xOVQxMDo0MTozMFoiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NGRmYTdjN2UtOWMyMy1kZjQ1LWE2MTctMjVmYjE3YzBjMjZiIiBzdEV2dDp3aGVuPSIyMDIyLTAxLTE5VDEwOjQxOjMwWiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiZDJkN2QzMi01NmFhLTU2NDktODQ3Zi0wZjFmM2U4ZjBiZGIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNTQwNjllOC1iYmI1LWJhNGYtOGQ0Ny1kMWM2OWIwZDEwNDQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZGVjMmZjZi0wZTdjLWJmNDQtODI3YS02MjdiMTk3ZDg4NWYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hJkGIAAAAgUlEQVQ4jaWTSwqAMAwFxxp15ff+VxQ/O1GsGwUpttr4IMuZFJqHMUIglWSFWGvxjQnADdBu67KFNvgE9TmveRLU5/ZPcQVRsCuIhu8CFQwgQAeUGvh6QaKFL0EPTH8EAKNWcv8FlcS9g2jJ0yVGSXxdGIH5iyDU5QHYU8kF8DbyAFHyKD3LdWDGAAAAAElFTkSuQmCC)}.container{width:var(--container-width-md);margin:0 auto}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section>h2,section>h5{color:var(--color-light);text-align:center}section>h2{margin-bottom:3rem;color:var(--color-primary)}.text-light{color:var(--color-light)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}.btn{display:inline-block;width:max-content;padding:.75rem 1.2rem;color:var(--color-primary);cursor:pointer;border:1px solid var(--color-primary);border-radius:.4rem;transition:var(--transition)}.btn:hover{color:var(--color-bg);background:var(--color-white);border-color:transparent}.btn-primary{color:var(--color-bg);background:var(--color-primary)}img{display:block;width:100%;object-fit:cover}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width: 600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}