@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(.5em)}}:root{--primary-color:white;--secondary-color:rgba(255, 255, 255, 0.9);--tertiary-color:rgba(255, 255, 255, 0.7);--bg-blur:rgba(255, 255, 255, 0.1);--border-color:rgba(255, 255, 255, 0.555);--border-light:rgba(255, 255, 255, 0.3);--shadow:rgba(0, 0, 0, 0.1);--transition:0.3s ease;--border-radius:10px;--font-family:'Montserrat', sans-serif;--line-height-base:1.5;--line-height-compact:1.3;--line-height-tight:1.1}body{font-family:var(--font-family);user-select:none;-webkit-user-select:none}#content,#navBar,#navBar ul li span::after{height:100%;width:100%;position:absolute;top:0}#navBar{height:4em;backdrop-filter:blur(3px);border-bottom:1px solid rgba(255,255,255,.13);display:none}#navBar ul{height:100%;align-items:center;list-style-type:none;display:flex}#navBar ul li{transform:scale(1)}#navBar ul li span,#projectLinks a{cursor:pointer;transition:var(--transition)}#navBar ul li span{margin:1em;position:relative;color:var(--primary-color);font-size:1.4em;text-decoration:none}#navBar ul li span::after{content:"";height:4px;border-radius:1px;left:0;top:100%;background:rgba(218,214,214,.7);transition:transform .5s;transform:scaleX(0);transform-origin:right}#navBar ul li span.hover::after,#navBar ul li span:hover::after{transform:scaleX(1);transform-origin:left}#menuButton{display:none!important;color:var(--primary-color)}#menuButton svg{width:2.2em;height:auto;cursor:pointer;margin:0 1em 0 0}#menuButton svg:hover{transform:scale(1.05)}#nextDownArrowContainer{position:absolute;bottom:.2em;text-align:center;width:100%;font-size:4em;color:var(--primary-color);display:flex;justify-content:center}#nextDownArrow{animation:bounce 1s ease infinite alternate}#nextDownArrow svg{cursor:pointer;width:1.3em;height:auto}#profileImage{margin-top:1em;height:11em;width:11em;border-radius:50%;overflow:hidden;filter:drop-shadow(rgba(255,255,255,.2)0 3px 3px)}#profileImage img{transition:1.75s ease;border:1px solid rgba(255,255,255,.329);width:11em;height:11em;opacity:.8;transform:scale(1.03)}#profileImage img.hover,#profileImage img:hover{transform:scale(1.15);opacity:1}#profileDescription{color:var(--primary-color);margin:1em;text-align:justify;line-height:var(--line-height-base);overflow-x:auto;overflow-y:hidden;min-width:18em}#location{color:var(--primary-color);cursor:default;text-align:center;margin-top:-.9em}.about,.contact,.experience,.projects{height:calc(100% - 6em);display:flex;justify-content:center;align-items:center;padding:1em}.about{transform:translateY(100%)}.projects{transform:translateY(200%)}.experience{transform:translateY(300%)}.contact{transform:translateY(400%)}.about #aboutBox,.contact #contactBox,.experience #experienceBox,.projects #projectsBox{width:25em;min-width:18.5em;max-height:97%;border:2px solid var(--border-color);border-radius:var(--border-radius);backdrop-filter:blur(4px);overflow-y:hidden;overflow-x:auto}#contactBoxHeading,#experienceBoxHeading,#projectsBoxHeading{padding:.8em;color:var(--primary-color);font-size:1.7em;text-align:center}.about #name{text-align:center;margin-top:.3em;color:var(--primary-color);font-size:2em}.about #aboutBox #pictureBox{display:flex;justify-content:center}.cv-button-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.cv-button-container span{display:flex;align-items:center;flex-shrink:0}#downloadCVButton{text-decoration:none;flex-shrink:0}#downloadCVButton button{background:var(--bg-blur);color:var(--primary-color);border:.0625em solid var(--border-light);padding:.5em 1em;border-radius:.75em;font-size:.875em;font-weight:500;cursor:pointer;transition:all var(--transition);backdrop-filter:blur(.625em);display:inline-flex;align-items:center;gap:.375em;font-family:var(--font-family)}#downloadCVButton button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);transform:translateY(-.0625em)}#downloadCVButton button svg{width:1.1em;height:1.1em}.heart-icon{width:1em;height:auto;margin:0 .3em -.125em}#experienceList,#projectsList{text-align:center}#experience,#project{margin:.8em}#projectName{font-size:1.3em;margin-bottom:.5em}#experienceDescription,#projectDescription{text-align:justify;line-height:var(--line-height-base)}#experienceDescription{margin-top:.5em;padding:1em}#projectLinks{margin:.2em;font-size:2em}#projectLinks a{margin:.3em .5em 0;display:inline-block}#projectLinks a:hover{transform:scale(1.3)}#projectLinks a svg{width:1em;height:1em}#projectsNavigation{margin-top:-1em;height:3.5em}#experienceNavigation{height:3.5em}#previousProject{display:none}#previousExperience,#previousProject{position:absolute;left:1em}#nextExperience,#nextProject{position:absolute;right:1em}#nextExperience svg,#nextProject svg,#previousExperience svg,#previousProject svg{margin:.3em 0 1em;width:2em;height:auto;cursor:pointer}#experienceCompany{font-size:1.3em;display:flex;align-items:center;justify-content:center}#experienceCompany img{width:3em;height:3em;margin-right:.5em;vertical-align:middle;margin-bottom:.3em}#experienceCompany img[src*=junper]{width:6em;object-fit:contain}#experienceCompany img[src*=gsoc]{width:2em;object-fit:contain}#experiencePosition{font-size:1.1em;color:var(--secondary-color)}#experienceDate{color:var(--tertiary-color)!important}#sendMessageBox{text-align:center;padding:1em}#sendMessageBox form{display:flex;flex-direction:column;align-items:center}#sendMessageBox form input,#sendMessageBox form textarea{margin-bottom:1em;background:0 0;border:1px solid #ffffff59;padding:.4em;color:var(--primary-color);border-radius:4px;font-family:var(--font-family);font-size:.9em;transition:var(--transition);width:21.7em}#sendMessageBox form input::placeholder,#sendMessageBox form textarea::placeholder{color:rgba(255,255,255,.692)}#sendMessageBox form input:focus,#sendMessageBox form textarea:focus{border:1px solid var(--primary-color);outline:0}.emailForm,.social-links{display:flex;justify-content:center}.emailForm{align-items:flex-start;gap:.5em;margin-bottom:1em}.emailForm input,.emailForm textarea{flex:1;margin-bottom:0!important}.emailForm i{margin-top:.5em;flex-shrink:0}.social-links{padding:1em}.social-btn{cursor:default;height:50px;width:50px;font-family:"Titillium Web",sans-serif;border-radius:var(--border-radius);box-shadow:0 10px 10px var(--shadow);background:#ffffffbf;margin:5px;transition:1s}.social-btn a{width:0;transition:1s;text-align:center;white-space:nowrap;overflow:hidden;color:#333!important;text-decoration:none;text-overflow:clip;opacity:0;pointer-events:none}.social-btn:hover{width:9.5em;border-radius:5px;background:#fff}.social-btn:hover a{padding:2px;opacity:1;margin-left:6px;width:max-content;pointer-events:auto}.flex-center{display:flex;justify-content:center;align-items:center}#contactBox *,#experienceBox *,#projectsBox *{color:var(--primary-color)}#contactBox .sendButton,#contactBox .sendButton *{color:#fff!important}#location i{margin:0 .1em -.1em 0;width:1.1em;height:auto}#location a,.company-link{text-decoration:none;color:#fff;cursor:pointer}#experienceDescription a,.company-link u{border-bottom:.2px dashed rgba(255,255,255,.39);text-decoration:none}.section-hr{margin-top:.6em}.hidden{display:none}#experienceCompany span{font-size:1.3em;vertical-align:middle;display:none}#experiencePosition{margin-top:.3em;font-style:italic}#experienceDate{margin-top:.2em;font-size:.9em;opacity:.8}#experienceDescription a{color:#fff}#contactBox{overflow:hidden}.send-button-container{display:flex;align-items:center}.send-button-centered{margin:0 auto}#socialBox{display:none}#goToSocialBox{height:2.2em}#goToMessage,#goToSocial{position:absolute;cursor:pointer;align-items:center;gap:.3em}#goToSocial{right:1em;display:flex}#goToMessage{left:1em;display:none}#goToMessage i,#goToSocial i{width:1em;height:1em;flex-shrink:0}#previousExperience{display:none}@media (max-height:600px){.about #aboutBox{overflow-y:auto;max-height:95vh}html{scroll-behavior:smooth}body{overflow-x:hidden}#content{min-height:100vh;padding-bottom:2em}#profileDescription{font-size:.8em;line-height:var(--line-height-compact)}#experienceDescription,#projectDescription{font-size:.75em;line-height:1.2}#experienceCompany img{width:2.5em;height:2.5em}#experienceCompany img[src*=junper]{width:5em}#experienceCompany img[src*=gsoc]{width:1.8em}.cv-button-container{margin-top:.3em}.cv-button-container span{font-size:.85em}#downloadCVButton button{font-size:.75em;padding:.35em .7em}}@media (max-width:700px){#navBar li{display:none}#navBar ul{flex-direction:column;align-items:flex-start;justify-content:flex-start;height:auto;padding:1em 0 1em 2em}#navBar ul li{margin:.8em 0}#navBar ul li span{margin:0}#menuButton{display:flex!important;margin:1em 1em 1em 2em;color:var(--primary-color)}#nextDownArrowContainer{bottom:.5em;font-size:3em;z-index:1}.cv-button-container{position:relative;z-index:2}}@media (max-height:768px){.about #aboutBox,.contact #contactBox,.experience #experienceBox,.projects #projectsBox{overflow-y:auto;max-height:90vh;padding:.6em}#experienceDescription,#profileDescription,#projectDescription{font-size:.85em;line-height:var(--line-height-compact);margin:.6em}#contactBoxHeading,#experienceBoxHeading,#projectsBoxHeading{font-size:1.4em;padding:.6em}#experienceNavigation,#projectsNavigation{height:3em;margin-top:-.8em}#nextExperience svg,#nextProject svg,#previousExperience svg,#previousProject svg{width:1.8em;margin:.2em 0 .8em}#sendMessageBox{padding:.6em}#sendMessageBox form input,#sendMessageBox form textarea{font-size:.85em;padding:.35em;margin-bottom:.8em}.cv-button-container{gap:.4em;margin:.4em 0 .3em}.cv-button-container span{font-size:.85em}#downloadCVButton button{font-size:.8em;padding:.4em .7em}#profileImage{margin-top:.6em}#profileImage,#profileImage img{width:9em;height:9em}.about #name{font-size:1.6em;margin-bottom:.2em}#location{margin-top:-.7em;margin-bottom:.4em;font-size:.95em}}@media (max-height:680px){#profileDescription{font-size:.9em;line-height:1.4;margin:.5em}#experienceDescription,#projectDescription{font-size:.85em;line-height:var(--line-height-compact)}.cv-button-container{margin:.3em 0 .2em}.cv-button-container span{font-size:.8em}#downloadCVButton button{font-size:.75em;padding:.3em .6em}.about #name{font-size:1.5em;margin-bottom:.2em}#location{margin-top:-.6em;margin-bottom:.5em}}@media (max-height:550px){#profileDescription{font-size:.75em;line-height:1.2}#experienceDescription,#projectDescription{font-size:.7em;line-height:var(--line-height-tight)}#experienceNavigation,#projectsNavigation{height:2.5em;margin-top:-.5em}#experienceCompany{font-size:1.1em}#experiencePosition{font-size:1em}.cv-button-container{margin:.2em 0 .5em}.cv-button-container span{font-size:.8em}#downloadCVButton button{font-size:.7em;padding:.3em .6em}.heart-icon{width:.8em;margin:0 .2em -.1em}}@media (max-height:500px){#profileDescription{font-size:.7em;line-height:var(--line-height-tight)}#experienceDescription,#projectDescription{font-size:.65em;line-height:1}#experienceCompany img{width:2em;height:2em}#experienceCompany img[src*=junper]{width:4em}#experienceCompany img[src*=gsoc]{width:1.5em}#experienceNavigation,#projectsNavigation{height:2em;margin-top:-1em}}@media (max-height:450px){.about #aboutBox{overflow-y:auto;max-height:90vh}#profileDescription{font-size:.65em;line-height:1;margin:.3em}.cv-button-container{margin:.1em 0}.cv-button-container span{font-size:.7em}#downloadCVButton button{font-size:.65em;padding:.2em .4em}#profileImage{margin-top:.2em}#profileImage,#profileImage img{width:6em;height:6em}.about #name{font-size:1em;margin-bottom:.1em}#location{margin-top:-.4em;margin-bottom:.2em;font-size:.75em}}@media (max-height:400px){.about #aboutBox{padding:.2em;overflow-y:auto}#profileDescription{font-size:.6em;line-height:.9;margin:.2em}.cv-button-container{margin:.1em 0}.cv-button-container span{font-size:.65em}#downloadCVButton button{font-size:.6em;padding:.15em .3em}#profileImage{margin-top:.1em}#profileImage,#profileImage img{width:5em;height:5em}.about #name{font-size:.9em;margin-bottom:.05em}#location{margin-top:-.3em;margin-bottom:.1em;font-size:.7em}.heart-icon{width:.6em;margin:0 .1em -.05em}#nextExperience,#nextProject,#previousExperience,#previousProject{position:fixed;bottom:1em;z-index:1000}#previousExperience,#previousProject{left:1em}#nextExperience,#nextProject{right:1em}#nextExperience svg,#nextProject svg,#previousExperience svg,#previousProject svg{width:1.5em;background:rgba(0,0,0,.5);border-radius:50%;padding:.3em;margin:0}}@media (max-width:424px){.emailForm{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:.5em}.emailForm input,.emailForm textarea{width:calc(100% - 2em);min-width:0}}@media (max-width:430px){#sendMailForm input,#sendMailForm textarea{width:19em}}@media (max-width:390px){#sendMailForm input,#sendMailForm textarea{width:17em}}@media (max-width:360px){#sendMailForm input,#sendMailForm textarea{width:13em}}@media (max-width:358px){#experienceDescription,#profileDescription,#projectDescription{font-size:small}#experienceBoxHeading{font-size:larger}}@media (max-width:320px){#experienceDescription,#profileDescription,#projectDescription{font-size:.65em;line-height:1}#experienceCompany{font-size:.9em}#experiencePosition{font-size:.8em}#experienceCompany img{width:1.8em;height:1.8em}#experienceCompany img[src*=junper]{width:3.5em}#experienceCompany img[src*=gsoc]{width:1.3em}}@media (max-width:280px),(max-height:350px){#experienceDescription,#profileDescription,#projectDescription{font-size:.6em;line-height:.9}#experienceCompany,#projectName{font-size:.8em}#experiencePosition{font-size:.7em}#experienceDate{font-size:.65em}#experienceCompany img{width:1.5em;height:1.5em}#experienceCompany img[src*=junper]{width:3em}#experienceCompany img[src*=gsoc]{width:1.2em}#experienceNavigation,#projectsNavigation{height:1.2em;margin-top:-2em}#experienceNavigation svg,#projectsNavigation svg{width:.8em}}@media (orientation:landscape) and (max-height:500px){#experienceDescription,#profileDescription,#projectDescription{font-size:.75em;line-height:var(--line-height-tight)}#experienceNavigation,#projectsNavigation{height:2em;margin-top:-.8em}#experienceCompany img{width:2.2em;height:2.2em}#experienceCompany img[src*=junper]{width:4.5em}#experienceCompany img[src*=gsoc]{width:1.6em}}#ImageLoading{width:100%;height:100%;position:absolute;display:flex;top:0;left:0}#currentPosition{font-size:1.75em;cursor:default;text-transform:capitalize}#gsocIcon,#gsocIcon svg,.sendButton .default{transition:var(--transition)}#gsocIcon svg:hover,.sendButton:hover .default{transform:scale(1.2)}#sendMailForm svg{margin-bottom:-.36em;margin-right:.5em}#linkedin svg{fill:#0e76a8}#github{fill:#333}