:root{--accent-color: #5c51d6;--background-color: #0d0a1f;--primary-font: "Poppins", sans-serif;--secondary-font: "Quicksand", sans-serif;--primary-color: white;--small-screen-primary-font-size: 1.7rem;--small-screen-secondary-font-size: 1rem;--accent-color-dark: #3f3a96}[data-theme=light]{--background-color: white;--primary-color: black}body{margin:0;padding:0;background-color:var(--background-color);transition:background-color .5s ease,color .5s ease}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{border:1px solid black;background:var(--accent-color);border-radius:10px}#header-background{width:100%;position:relative}#intro-container{position:absolute;top:10rem;margin:0 2rem;color:#fff;height:400px;justify-content:space-between;align-items:center;width:75%}#resume-button{background-color:transparent;color:#fff;padding:5px 20px;border:2px solid white;font-size:1.2rem;font-family:var(--primary-font);cursor:pointer;border-radius:20px;font-weight:700;margin-top:2rem;transition:background-color .3s ease}#resume-button:hover{background-color:var(--accent-color)}#name-container{display:flex;flex-direction:column;font-size:9rem;font-family:var(--primary-font);line-height:.8;font-weight:600;justify-content:center}#intro-text-container{font-family:var(--secondary-font);font-size:1.3rem;margin-top:20px}@media screen and (max-width: 1500px){#header-background{width:100%;height:70vh;object-fit:cover}#name-container{font-size:6rem}#intro-container{top:10rem}}@media screen and (min-width: 1900px){#intro-container{top:15rem}}@media screen and (max-width: 1130px){#name-container{display:none}#intro-container{top:2.5rem;margin:0 5%;height:250px;width:90%;display:flex}#intro-text-container{display:flex;flex-direction:column;text-align:center;align-items:center;width:100%;justify-content:center}}@media screen and (max-width: 800px){#intro-container{flex-direction:column;justify-content:center}#intro-text-container{height:3rem}#resume-button{margin-top:1rem;font-size:1rem;padding:5px 15px}}#navbar-container{position:fixed;display:flex;justify-content:center;height:4rem;top:15px;width:100%;z-index:100}#navbar{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background-image:url(https://res.cloudinary.com/dyrv985gb/image/upload/v1743855729/b1_mvqhej.svg);display:flex;align-items:center;justify-content:space-between;padding:0 5rem;background-size:cover;background-repeat:no-repeat;background-position:center}#navbar-logo{height:100%;font-size:2rem;font-weight:700;margin-right:2vw;display:flex;align-items:center;text-decoration:none;color:#fff}#navbar-logo span{font-family:var(--primary-font);margin-right:10px}#last-name{color:var(--accent-color)}#navbar-links{display:flex;list-style-type:none;gap:1.5rem;padding-top:5px;font-size:1.1rem;font-family:var(--secondary-font)}#navbar-links li{cursor:pointer}#navbar-links a{text-decoration:none;color:#fff;position:relative}#navbar-links li a:after{content:"";position:absolute;left:50%;bottom:-3px;width:0;height:2px;background:var(--accent-color);transition:width .3s ease,left .3s ease}#dark-mode-toggle{cursor:pointer;font-size:1.2rem;color:#fff;margin-left:2rem;display:flex;align-items:center;justify-content:center}#navbar-links li a:hover{color:var(--accent-color);transition:color .3s ease}#navbar-links li a:hover:after{width:100%;left:0}@media screen and (max-width: 800px){#navbar-container{top:0;position:fixed}#navbar{background-image:none;background-color:#3f3a965d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#navbar-links{display:none}#dark-mode-toggle{margin:1rem 0}}#about-container{display:flex;flex-direction:row;margin:0 2rem;justify-content:space-between;gap:1rem}.about-text-container{display:flex;flex-direction:column;font-family:var(--primary-font);color:var(--primary-color);flex-basis:60%}#about-title{font-size:2rem;font-weight:600;color:var(--accent-color)}.about-text{text-align:justify;font-size:1.2rem;font-family:var(--secondary-font)}#about-image-container{flex-grow:2;display:flex;justify-content:center;align-items:center;position:relative}#brush-stroke-bg{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#about-image{position:absolute;width:300px;top:2rem}@media screen and (min-width: 800px) and (max-width: 1200px){#about-container{margin:0 2rem;flex-direction:column;flex-direction:column-reverse}.about-text{font-size:1rem}}@media screen and (max-width: 800px){#about-container{margin:0 2rem;flex-direction:column;flex-direction:column-reverse}#brush-stroke-bg{width:100%}#about-image{width:70%;top:1}.about-text{font-size:var(--small-screen-secondary-font-size)}#about-title{font-size:var(--small-screen-primary-font-size);margin-bottom:15px}}#experience-container{background-image:url("data:image/svg+xml,%3csvg%20width='1036'%20height='566'%20viewBox='0%200%201036%20566'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_d_17_25)'%3e%3cpath%20d='M0%2076.0001C0%2076.0001%208%20101%2037%20101C66%20101%2060%2036.0002%20105%2029.0002C150%2022.0002%20141%207.00011%20160%2062.0001C179%20117%20232%20109%20232%2087.0001C232%2065.0001%20238%2085.0003%20301%2051.0001C364%2017%20364%20159%20364%20130C364%20101%20375%20109%20392%2087.0001C409%2065.0001%20421.908%2092.3608%20439%20101C464.051%20113.662%20465.974%20158.181%20492.5%20149C516.599%20140.659%20497.483%20107.238%20513%2087.0001C528.62%2066.6283%20544.435%2061.1825%20568%2051.0001C589.824%2041.5702%20627%20118%20627%2036.0001C627%20-45.9997%20676.335%2039.1468%20705%2051.0001C729.33%2061.0608%20749%20167%20762%2087.0001C775%207%20826%2062.0001%20826%2062.0001C826%2062.0001%20836%20112%20888%2044.0001C940%20-24%20933.638%2027.4078%20961%2036.0001C978.932%2041.6312%20974%2015.0002%201001.5%2062.0001C1029%20109%201036%2087.0001%201036%2087.0001C1036%2087.0001%201200.73%20476.42%201036%20533C1022.83%20537.524%201015.39%20543.028%201001.5%20542C974.632%20540.01%20955%20508%20951%20495C947%20482%20950.107%20455.864%20932%20447C913.144%20437.77%20898.414%20452.274%20881%20464C865.289%20474.579%20848.5%20500%20848.5%20500C848.5%20500%20800%20554%20787%20533C774%20512.001%20735%20603%20731%20525C727%20447%20683.632%20517.483%20660%20500C644.668%20488.657%20644.443%20471.712%20627%20464C598.639%20451.461%20582.001%20487.732%20551%20487C522.233%20486.322%20481%20464%20481%20464C481%20464%20454.5%20434.5%20458%20508C461.5%20581.5%20420.5%20525%20405%20525C389.5%20525%20352%20453%20347%20508C342%20563%20316.5%20489.5%20319%20481C321.5%20472.5%20329%20447%20319%20447C309%20447%20307%20494%20295%20453C283%20412%20274%20481%20274%20481C273.665%20493.058%20282.535%20497.817%20289%20508C295.448%20518.157%20290%20512.001%20307%20533C324%20554%20303.5%20562%20289%20548C274.5%20534%20266.5%20522.5%20267%20533C267.5%20543.501%20243%20508%20243%20508C235.972%20496.375%20238.889%20486.708%20232%20475C224.297%20461.908%20206%20371%20205%20447C204%20523%20177.882%20460.496%20166%20475C150.734%20493.635%20161.894%20515.828%20145%20533C132.627%20545.577%20122.637%20554.44%20105%20554C92.3857%20553.685%2086.3238%20547.567%2075%20542C59.2487%20534.256%2050.8021%20528.843%2037%20518C20.931%20505.377%200%20481%200%20481V76.0001Z'%20fill='url(%23paint0_linear_17_25)'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_17_25'%20x='-4'%20y='0.747889'%20width='1117.21'%20height='564.442'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='4'/%3e%3cfeGaussianBlur%20stdDeviation='2'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='out'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow_17_25'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow_17_25'%20result='shape'/%3e%3c/filter%3e%3clinearGradient%20id='paint0_linear_17_25'%20x1='518'%20y1='0.74789'%20x2='518'%20y2='557.189'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.259615'%20stop-color='%232B20A0'/%3e%3cstop%20offset='1'%20stop-color='%23100C3A'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;min-height:115vh;display:flex;align-items:center}#experience-title{font-size:2rem;color:#fff;font-weight:600;font-family:var(--primary-font);margin-bottom:3rem}.experience-cards{padding:7rem 2rem 10rem;width:100%}.experience-card{background-color:#00000060;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:300px;font-family:var(--secondary-font);padding:1rem;border:3px solid var(--background-color);border-radius:20px;color:#fff;text-wrap:wrap;height:32vh;position:relative;flex:.5;transition:flex .6s cubic-bezier(.68,-.55,.27,1.55),transform .6s cubic-bezier(.68,-.55,.27,1.55)}.experience-card:hover{flex:1;transform:scale(1.05)}.experience-card:hover .company-details,.experience-card:hover .technologies-container{opacity:0}.experience-card:hover .work-done-container{opacity:1}.work-done-container{opacity:0;position:absolute;left:0;top:0;height:100%;width:100%;border-radius:20px;color:#fff;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-image:url(/assets/brush-strokes-bg-DGVn-enh.svg);background-size:cover;background-repeat:no-repeat;overflow-y:auto;background-position:center;transition:opacity .3s ease-in-out;font-size:.9rem}.work-done-container{transition:opacity .3s ease-in-out}.work-done-list{padding:1.2rem 2rem}.company-logo{border-radius:50%;width:60px;height:60px;left:calc(50% - 30px);position:absolute;top:-30px;z-index:100}.company-details{margin-top:1rem;display:flex;flex-direction:column;height:100%;justify-content:space-around}.company-info{display:flex;flex-direction:column}.company-name{font-size:24px;font-weight:700;font-family:var(--primary-font);color:var(--accent-color)}.company-role{font-size:1rem;font-weight:500}.company-duration{font-size:12px;font-weight:400}.experience-cards-container{display:flex;justify-content:space-around;align-items:center;gap:3rem;flex-wrap:wrap}.technologies-container{display:flex;flex-wrap:wrap;gap:5px;margin-top:1rem;overflow-y:auto}.technology{background-color:var(--accent-color);color:#fff;padding:5px 10px;border-radius:20px;font-size:12px;margin-top:5px}.work-done-container::-webkit-scrollbar{width:5px}.work-done-container::-webkit-scrollbar-track{margin:15px 0}@media screen and (max-width: 800px){#experience-container{height:180vh}#experience-title{margin-bottom:2rem;font-size:var(--small-screen-primary-font-size)}.company-name{font-size:20px}.company-role{font-size:.9rem}.experience-card{transform:none;flex:1;height:25vh}}@supports not (backdrop-filter: blur(10px)){.experience-card{background-color:#000000d9}}.projects-section{padding:2rem}#projects-title{font-family:var(--primary-font);font-size:2rem;color:var(--accent-color)}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;font-family:var(--secondary-font)}.project-card{position:relative;display:block;border:.25rem solid var(--accent-color);border-radius:.35rem;z-index:4;font-family:var(--secondary-font);color:#fff}.project-content{aspect-ratio:16/9;display:flex;justify-content:center;position:relative}.project-date{position:absolute;bottom:0;transform:translate(-50%,50%);left:50%;background-color:var(--accent-color);border-radius:100vh;padding:.2rem 1rem;font-size:1rem;color:#fff;font-weight:700;transition:all .3s ease}.project-image{width:100%;height:auto;box-sizing:border-box;display:block;object-fit:cover}.project-info{position:absolute;overflow:hidden;bottom:0;height:100%;width:100%;background-color:var(--accent-color);text-align:center;transition:.3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:0}.project-name{font-size:1.3rem;color:#fff;font-weight:700;font-family:var(--primary-font);padding:0 .5rem}.project-description{font-size:.9rem;color:#fff;padding:0 .5rem}.techs-used{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:.5rem;font-size:.8rem}.tech{background-color:#fff;color:var(--accent-color);padding:.2rem .5rem;border-radius:100vh;font-weight:900}.project-content:hover .project-info{max-height:100%;transform:translateY(0)}.project-links{display:flex;gap:.8rem;margin:.5rem 0}.project-icon{color:#fff;font-size:1.3rem;transition:.3s ease}@media screen and (max-width: 800px){.project-info{justify-content:start}.project-content{aspect-ratio:4/3}.project-content:hover+.project-date{display:none}.project-content:hover .project-date{display:none}}#contact-container{background-image:url(/assets/contact-bg-SsLra11x.svg);background-size:cover;background-repeat:no-repeat;min-height:52vh;padding:0 3rem;display:flex;justify-content:flex-end;position:relative}#contact-title{font-family:var(--primary-font);font-size:2rem;color:#fff;text-align:center}.contact{display:flex;flex-direction:column;background-image:linear-gradient(to bottom,#3e2ea95b,#3e2ea9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;padding:2rem;width:25rem;max-width:100%;margin:5rem 0}.contact-field{display:flex;flex-direction:column;margin-bottom:1rem;font-family:var(--primary-font);font-size:1rem;color:#fff;font-weight:700}.contact-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--accent-color);border-radius:5px;height:1.5rem;color:#fff;padding-left:.5rem}.contact-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10rem;padding:.5rem;resize:none}.contact-input:focus{outline:none;border:1px solid white}#contact-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--accent-color);border:1px solid var(--accent-color);border-radius:5px;padding:.5rem 1rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--primary-font)}#contact-button:hover{background-color:#4435ea;transition:.3s ease;border:1px solid #4435ea}.contact-footer{position:absolute;bottom:2rem;left:50%;margin-top:1rem;transform:translate(-50%)}.contact-links{display:flex;gap:1rem;justify-content:center;align-items:center}.contact-links a{color:#fff;font-size:2rem;text-decoration:none}.contact-footer-text{font-family:var(--secondary-font);font-size:.8rem;color:#fff;text-align:center;margin-top:.5rem}@media screen and (max-width: 800px){#contact-container{padding:0 1rem}.contact-links a{font-size:1.5rem}.contact-footer{bottom:1rem}.contact-footer-text{font-size:.6rem}}