html{box-sizing:border-box;font-size:16px;font-family:Ubuntu,sans-serif;height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;height:100%;background-color:#f9f9f9;overflow-x:hidden}#root{height:100%}h1,h2,h3,h4,h5,h6,p{color:#464646;margin:0;padding:0;cursor:default}@media screen and (max-width:1385px){h1{font-size:1.9rem}}@media(max-width:1150px){h1{font-size:1.8rem}p{font-size:.9rem}}@media(max-width:750px){h1{font-size:1.7rem}p{font-size:.83rem}}#app{width:100%;display:flex;flex-direction:column;justify-content:center}#header-section{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}#getStartedButton-container{position:relative;display:flex;align-items:center;gap:.5rem;padding:.7rem 2rem;border-radius:999px;transition:transform .2s ease;margin:5rem 0 0;cursor:pointer}#getStartedButton-container:before{content:"";position:absolute;inset:-.25rem -.75rem;border-radius:999px;background-color:#ffffffd5;z-index:-1;border:1.5px solid rgba(76,157,255,.835);cursor:pointer}#getStartedButton-container:hover{transform:scale(1.05)}#getStartedButton{background:none;border:none;color:#4c9dffd5;font-size:1rem;padding:0;margin:0;cursor:pointer}.main-body-container{position:fixed;transform:translateY(100%);width:100%;height:100%;transition:transform .5s ease;z-index:2;inset:0;-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);overflow-y:auto;padding:10rem 0 0}.main-body-container.visible{transform:translateY(0);transition:transform .5s ease;padding:15rem 0 0}#about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem;width:50%;margin:0 auto;margin-bottom:10rem;background-color:#fff;box-shadow:0 4px 8px #00000012;border-radius:1rem;line-height:1.5rem}#about-container h1{margin-bottom:2rem}#projects-section{width:100%;display:flex;justify-content:center}#menu-bar{display:flex;justify-content:center;align-items:center;background-color:#929292ed;padding:0 1.5rem;margin:1rem auto 0;gap:2rem;height:4rem;width:fit-content;border-radius:999px;position:fixed;top:0;right:0;left:0;z-index:1000}#downloadCVbutton-container{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;transition:filter .2s ease}#downloadCVbutton-container:before{content:"";position:absolute;inset:-.25rem -.75rem;border-radius:999px;background-color:#4c9dffd5;z-index:-1;cursor:pointer}#downloadCVbutton-container:hover{filter:brightness(1.1)}#downloadCVbutton{background:none;border:none;color:#fff;font-size:1rem;padding:0;margin:0;cursor:pointer}a{color:#fff;text-decoration:none}#menu-bar-link{position:relative;display:flex;align-items:center;margin:0;padding:0;cursor:pointer}#menu-bar-link a{display:flex;align-items:center;gap:.5rem;margin:0;padding:0}#menu-bar-link:after{content:"";position:absolute;left:0;bottom:-.5rem;height:2px;width:0;background-color:#fff;transform-origin:left;transition:width .25s ease-out}#menu-bar-link:hover:after{width:100%}img{width:1rem}#home-section-container{margin:0;padding:0}#introduction-section-container{display:flex;margin:0;justify-content:center;gap:3rem;align-items:center;padding:0 4rem}#introduction-section-container span{color:#4c9dffd5}.headline{font-size:3.5rem;font-weight:500;line-height:3.4rem}@media screen and (max-width:1385px){.headline{font-size:2.4rem;line-height:3rem}#profile-image{width:12rem!important}}@media(max-width:1025px){.headline{font-size:2.1rem;font-weight:500;line-height:2.6rem}#profile-image{width:10rem!important}}#profile-image-container{background-color:#fff;padding:3px 3px 0;margin:0;border-radius:.7rem;transform:rotate(-5deg);transition:transform .25s ease;display:block;cursor:default;box-shadow:0 4px 8px #00000012}#profile-image-container:hover{transform:rotate(0);transform:scale(1.12)}#profile-image{width:14rem;height:auto;border-radius:.5rem;padding:0;margin:0;cursor:default}#projects-section-container{padding:0 5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:0 0 10rem}#projects-section-container p{color:#717171}#project-list{list-style:none;padding:0;margin:4rem 0 0;display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:10rem}@media(max-width:1150px){#project-list{flex-direction:column}.project-list-item h3{font-size:1.1rem}}.project-list-item{max-width:40rem;width:100%;display:flex;flex-direction:column}.project-image-container{background-color:#fff;padding:.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 4px 8px #00000012;transition:transform .2s ease}.project-list-item img{border-radius:1rem;width:100%;height:auto;cursor:default}.project-image-container:hover{transform:scale(1.02)}.project-list-item h3{margin-bottom:1rem}.project-list-item p{line-height:1.5rem}#contact-section-container{background-color:#dadada;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:6rem 0 4rem}#contact-section-container h3{margin-bottom:2rem}#contact-section-container p{font-size:.8rem}#contact-list{display:flex;justify-content:center;align-items:center;gap:20px;list-style:none;padding:0;margin:0 0 4rem}.contact-list-item-rl img{width:50px;transition:transform .2s ease,rotate .2s ease}.contact-list-item-rl img:hover{rotate:-5deg;transform:translateY(-3px)}.contact-list-item-rr img{width:50px;transition:transform .2s ease,rotate .2s ease}.contact-list-item-rr img:hover{rotate:5deg;transform:translateY(-3px)}.skills-conveyor-wrap{overflow:hidden;width:100%;margin:0 0 10rem;padding:2rem}.skills-conveyor-track{display:flex;align-items:center;gap:3rem;width:max-content;animation:conveyor-belt 30s linear infinite}.skills-conveyor-item{flex-shrink:0;display:flex;align-items:center;justify-content:center}.skills-conveyor-item img{object-fit:contain;width:90px;cursor:default}@media(max-width:1385px){.skills-conveyor-item img{width:75px}}@media(max-width:750px){.skills-conveyor-item img{width:65px}}@keyframes conveyor-belt{0%{transform:translate(0)}to{transform:translate(-25%)}}#skills-section{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}#skills-section h1{margin-bottom:1rem}#skills-section p{color:#717171}