body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column}.sections-container{display:flex;flex-direction:column;width:80%;margin:0 auto;padding-top:6rem}footer{display:flex;align-items:center;justify-content:center;height:6rem;width:100vw}@media screen and (max-width:768px){.sections-container{width:auto}}html{scroll-behavior:smooth;overflow-x:hidden}body{background-color:#f4f8fb;color:#080514;font-family:Exo,serif}h1{font-size:4em;color:#528ec0}h2{font-size:2em;text-align:center;color:#080d11;margin-bottom:0}h3{font-size:1.5em;text-align:center;color:#080d11}hr{border:0;border-radius:50%;height:.3rem;width:12vw;background-image:linear-gradient(to right,transparent,#47a2ed 40%,#47a2ed 60%,transparent);margin-bottom:4vh}@font-face{font-family:Exo;src:url(/assets/Exo-VariableFont_wght-Cf0a-Ifs.ttf) format("truetype");font-weight:400;font-style:normal}@media screen and (max-width:768px){h1{font-size:2.5em}hr{width:50vw}}@media(prefers-color-scheme:dark){body{background-color:#04080b;color:#eef3f7}h1{color:#3e7bac}h2,h3{color:#eef3f7}hr{background-image:linear-gradient(to right,transparent,#126eba 40%,#126eba 60%,transparent)}}.about-page{display:flex;flex-direction:column;align-items:center}.business-card-container{border-radius:10px;color:#080d11;padding:1rem;margin:1rem;display:grid;grid-template-columns:repeat(2,1fr);background:#f4f8fb;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}.business-card-container p{display:flex;align-items:center}.icon-about{width:2rem;height:2rem;margin-right:1rem;flex-shrink:0}.business-card-container a{text-decoration:none;color:#88bfe7}.business-card-container a:hover{color:#47a2ed}@media screen and (max-width:768px){.business-card-container{display:flex;flex-direction:column;width:80vw}}@media(prefers-color-scheme:dark){.business-card-container{background:#04080b;color:#eef3f7}.icon-about{filter:invert(1)}}.navbar{background-color:#f4f8fb;display:flex;flex-direction:row;justify-content:center;top:0;left:0;height:6rem;width:100vw;position:fixed;z-index:1}.navbar-content{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:60vw}.hamburger{display:none;font-size:2rem;background:none;border:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.navbar-menu{display:flex;list-style:none}.navbar-item{display:flex;justify-content:center;align-items:center;margin-right:1.5rem}.navbar-a{display:flex;text-decoration:none;align-items:center;justify-content:center;white-space:nowrap;padding:10px}.navbar-text{color:#080d11;font-size:1.5rem}.navbar-text:hover{color:#47a2ed}@media screen and (max-width:768px){.navbar{justify-content:flex-end}.navbar-content{flex-direction:row-reverse;justify-content:flex-start}.hamburger{display:flex;color:#080d11}.navbar-menu{display:none;flex-direction:column;position:absolute;top:4rem;right:1rem;width:50vw;background:#f4f8fb;padding:0;box-shadow:0 8px 32px #1f26875e}.navbar-menu.open{display:flex}.navbar-item{margin:0;text-align:center}.navbar-a{display:flex;padding:1rem;font-size:1.5rem}}@media(prefers-color-scheme:dark){.navbar,.navbar-menu{background-color:#04080b}.navbar-text,.hamburger{color:#eef3f7}}.horizontal-icon-bar{display:flex;flex-direction:row}.horizontal-icon-bar a{display:flex;padding:10px}@media(prefers-color-scheme:dark){.horizontal-icon-bar{filter:invert(1)}}.button-container{display:flex}.button-container button{display:flex;align-items:center;background-color:#88bfe7;color:#080d11;border:none;padding:5px 10px;margin-right:10px;border-radius:5px;cursor:pointer;box-shadow:0 3px 10px #00000080;width:6rem}.button-container button:hover{background-color:#47a2ed;box-shadow:0 3px 5px #0000004d;transform:translateY(2px)}.icon-button{width:2em;height:2em;margin-right:5px;flex-shrink:0}@media(prefers-color-scheme:dark){.button-container button{background-color:#184f77;color:#eef3f7}.button-container button:hover{background-color:#126eba}}.keywords-container{display:flex;flex-wrap:wrap}.keyword{display:flex;align-items:center;white-space:nowrap;margin-right:.7rem;color:#080514;font-size:.9rem}.keyword-color-dot{display:flex;width:1rem;height:1rem;margin-right:.3rem;border-radius:50%}@media(prefers-color-scheme:dark){.keyword{color:#eef3f7}}.project-card{color:#080d11;display:flex;align-items:center;justify-content:space-between;overflow:hidden;width:60vw;height:auto;border-bottom:1px solid #88bfe7}.project-card-info{display:flex;flex-direction:row;align-items:center}.project-card-image{display:flex;justify-content:center;align-items:center;width:21%;margin-right:5px;margin-left:10px}.project-card-image img{width:100%;height:auto;border-radius:5px}.project-card-content{padding:10px 0 0 10px;margin-right:10px}.project-card-title{font-size:1.5rem;font-weight:700;margin:0 0 15px}.project-card-description{font-size:.9rem;margin:0}.project-card-keywords{margin:0 0 15px}.project-card-buttons{display:flex;flex-direction:column;gap:.5rem}@media screen and (max-width:768px){.project-card{flex-direction:column;width:80%}.project-card-info{flex-direction:column}.project-card-image{display:none}.project-card-buttons{flex-direction:row;gap:0;margin-bottom:1rem}.project-card-content{margin:0}}@media(prefers-color-scheme:dark){.project-card{color:#eef3f7;border-bottom:1px solid #184f77}}.projects-page,.projects-page-content{display:flex;flex-direction:column;align-items:center}.home-page{display:flex;flex-direction:row;color:#080d11;text-align:left}.home-page-content{display:flex;flex-direction:column;padding-left:1.5rem;padding-top:3.5rem}.spacer{display:inline-block;width:.4em}.home-page-intro{font-size:1.3em;margin-top:-1rem}.technologies{display:flex;flex-wrap:wrap;margin-top:-1rem}.home-page-photo{display:flex;align-items:center}.home-page-photo img{width:20vw;border-radius:50%;box-shadow:40px -10px #528ec0}@media screen and (max-width:768px){.home-page{flex-direction:column}.home-page-photo{order:1;display:flex;justify-content:center;align-items:center;margin-bottom:0}.home-page-photo img{width:50vw;box-shadow:20px -10px #528ec0}.home-page-content{order:2;padding-top:0}.home-page-intro{font-size:1em;margin-right:1.5em}}@media(prefers-color-scheme:dark){.home-page{color:#eef3f7}.home-page-photo img{box-shadow:40px -10px #3e7bac}}.dynamic-text-container{display:inline-flex;align-items:center;margin-top:-20px;font-size:2em}.dynamic-text{color:#528ec0;white-space:nowrap}.cursor{display:inline-block;background-color:#528ec0;width:15px;height:1.3em;margin-left:5px}@media screen and (max-width:768px){.dynamic-text-container{font-size:1.2em}}@media(prefers-color-scheme:dark){.dynamic-text{color:#3e7bac}.cursor{background-color:#3e7bac}}.experiences-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:5rem}.experiences-container-part{display:flex;flex-direction:column}.experiences-part-header{display:flex;flex-direction:row;align-items:center}.experiences-part-header-image{width:2rem;height:2rem;flex-shrink:0;margin-right:1rem}.experiences-part-content{display:flex;flex-direction:column;gap:1rem}@media screen and (max-width:768px){.experiences-container{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}}.experience-card{display:flex;flex-direction:row;width:60vw;padding:.7rem;border-radius:50px;overflow:hidden;background:#f4f8fb;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}.experience-card-content{flex:2}.experience-card-image{margin:0 1rem 0 0;display:flex;justify-content:center;align-items:center;flex:1}.experience-card-image img{width:100%}.experience-card-dates{font-size:.9rem}.experience-card-title{font-size:1.5rem;font-weight:700;margin:0 0 5px}.experience-card-company{font-size:1.2rem;font-weight:700;margin:0;color:#47a2ed}.experience-card-description{font-size:.9rem;margin-bottom:.5rem}.experience-card-button{display:flex;justify-content:center}@media screen and (max-width:768px){.experience-card{flex-direction:column;width:80vw;padding:1rem}.experience-card-image{display:none}}@media(prefers-color-scheme:dark){.experience-card{background:#04080b}.experience-card-title{color:#126eba}}