@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);:root{--page-margin:0px 7vw;--header-height:60px;--primary-color-light:#065cb1;--secondary-color-light:#000;--header-color-light:linear-gradient(145deg,#2e8ad7,#2a4a76);--footer-color-light:#12161d;--text-color-light:#000;--background-primary-color-light:#f1f6ff;--background-secondary-color-light:#3868cb14;--slider-background-color-light:#dee9ff;--slider-icon-color-light:#486cb6;--primary-button-background-color-light:linear-gradient(145deg,#2e8ad7,#0f3c52);--primary-button-text-color-light:#dee9ff;--project-card-banner-background-color-light:linear-gradient(45deg,#318edd 57%,#0000);--primary-color-dark:#7fbdfb;--secondary-color-dark:#fff;--header-color-dark:linear-gradient(145deg,#2e8ad7,#0f2b52);--footer-color-dark:#12161d;--text-color-dark:#e7efff;--background-primary-color-dark:#2e3b55;--background-secondary-color-dark:#37445f;--slider-background-color-dark:#486cb6;--slider-icon-color-dark:#fff;--primary-button-background-color-dark:linear-gradient(145deg,#2e8ad7,#0f3c52);--primary-button-text-color-dark:#dee9ff;--project-card-banner-background-color-dark:linear-gradient(45deg,#2069a8 57%,#0000);--project-card-width:140px;background:#12161d}@media(min-width:900px){:root{--project-card-width:clamp(100px,40vw,650px)}}@media(min-width:1450px){:root{--project-card-width:clamp(400px,25vw,650px)}}@media(min-width:1900px){:root{--project-card-width:clamp(400px,25vw,900px)}}.light-mode{--project-card-banner-background-color:var(--project-card-banner-background-color-light);background-color:#f1f6ff;background-color:var(--background-primary-color-light);color:#000;color:var(--text-color-light)}.light-mode .primary-color{border-color:#065cb1;border-color:var(--primary-color-light);color:#065cb1;color:var(--primary-color-light)}.light-mode .secondary-color{color:#000;color:var(--secondary-color-light)}.light-mode .header-color{background:linear-gradient(145deg,#2e8ad7,#2a4a76);background:var(--header-color-light);border-bottom:1px solid #065cb1;border-bottom:1px solid var(--primary-color-light)}.light-mode .footer-color{background:#12161d;background:var(--footer-color-light)}.light-mode .colored-background{background:#3868cb14;background:var(--background-secondary-color-light);box-shadow:0 0 10px 0 #00000040}.light-mode .text-color{color:#000;color:var(--text-color-light)}.light-mode .primary-button-color{background:linear-gradient(145deg,#2e8ad7,#0f3c52);background:var(--primary-button-background-color-light);color:#dee9ff;color:var(--primary-button-text-color-light)}.dark-mode{--project-card-banner-background-color:var(--project-card-banner-background-color-dark);background-color:#2e3b55;background-color:var(--background-primary-color-dark);color:#e7efff;color:var(--text-color-dark)}.dark-mode .primary-color{border-color:#7fbdfb;border-color:var(--primary-color-dark);color:#7fbdfb;color:var(--primary-color-dark)}.dark-mode .secondary-color{color:#fff;color:var(--secondary-color-dark)}.dark-mode .header-color{background:linear-gradient(145deg,#2e8ad7,#0f2b52);background:var(--header-color-dark);border-bottom:1px solid #065cb1;border-bottom:1px solid var(--primary-color-light)}.dark-mode .footer-color{background:#12161d;background:var(--footer-color-dark)}.dark-mode .colored-background{background:#37445f;background:var(--background-secondary-color-dark);box-shadow:0 0 13px 0 #00000040}.dark-mode .text-color{color:#e7efff;color:var(--text-color-dark)}.dark-mode .primary-button-color{background:linear-gradient(145deg,#2e8ad7,#0f3c52);background:var(--primary-button-background-color-dark);color:#dee9ff;color:var(--primary-button-text-color-dark)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;height:100%;margin:0;overscroll-behavior:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-bar{padding-top:var(--header-height);width:100%}.nav-bar-content{display:flex;height:var(--header-height);min-height:25px;position:fixed;top:0;width:100%;z-index:2}.logo-container{height:100%;position:relative;width:auto}.links-container{align-items:center;display:flex;justify-content:flex-end;position:relative;width:100%}@media(max-width:750px){.links-container{display:none}}.logo{height:90%;left:15%;max-width:100%;object-fit:contain;position:absolute}.link-title{color:#fafafa;font-size:18px;font-weight:700;margin-right:40px;text-decoration:none}.link-title:hover{text-decoration:underline}.menu{align-items:center;display:none;margin-left:3%;margin-right:2%}@media(max-width:750px){.menu{display:flex}}.menu-icon{color:#fff;font-size:32px}.menu-dropdown{background:#075387;display:flex;flex-direction:column;margin-top:var(--header-height);position:absolute;z-index:2}.dropdown-link{color:#fafafa;font-size:18px;font-weight:700;padding:25px;text-decoration:none}.overlay{color:#000;height:100vh;position:absolute;width:100vh;z-index:1}.nav-bar-logo-text{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;margin-left:40px;width:150px}@media(max-width:750px){.nav-bar-logo-text{font-size:18px;margin-left:15px}}.slider-container{align-items:center;display:flex}@media(max-width:750px){.slider-container{justify-content:right;width:100%}}.toggle-switch{display:inline-block;height:30px;margin-right:30px;position:relative;-webkit-user-select:none;user-select:none;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:var(--slider-background-color-light);border-radius:34px;bottom:0;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:0 5px;position:absolute;right:0;top:0;transition:.4s}input:checked+.slider{background-color:var(--slider-background-color-dark)}.slider:before{background-color:var(--slider-icon-color-light);border-radius:50%;content:"";height:22px;position:absolute;transition:.4s;width:22px}input:checked+.slider:before{background-color:var(--slider-icon-color-dark);transform:translateX(28px)}.icon{font-size:18px;transition:opacity .4s ease}.hidden{opacity:0}.moon{color:var(--slider-icon-color-dark)}.sun{color:var(--slider-icon-color-light)}.App{display:flex;flex-direction:column;font-size:20px;height:100%;line-height:40px;min-height:100vh;text-align:center;width:100%}@media(max-width:900px){.App{font-size:14px;line-height:28px}}.page-container{display:flex;flex:1 1;flex-direction:column}.page-margin{margin:var(--page-margin);top:0}.page-padding{padding-bottom:40px}a:link,a:visited{text-decoration:none}.primary-button{border:0;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.522);color:#fff;cursor:pointer;font-size:18px;margin-right:25px;padding:10px 25px;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.primary-button a:link,.primary-button a:visited{color:#fff}@media(max-width:800px){.primary-button{font-size:14px}}.animation-container{align-items:center;background-color:#52aea2;display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:10}.start-animation{animation:App-logo-animation .5s linear 3s forwards}@keyframes App-logo-animation{0%{opacity:1}to{display:none;opacity:0;z-index:-10}}.logo-gif{width:40%}@media(max-width:900px){.logo-gif{width:90%}}.profile-photo-container{border-radius:10px;float:right;height:350px;position:relative;width:350px}@media(max-width:900px){.profile-photo-container{border-radius:100%;float:none;height:250px;margin-left:0;width:250px}}@media(max-width:450px){.profile-photo-container{height:180px;width:180px}}.profile-photo-container .profile-photo-img{border-radius:500px;box-shadow:2px 2px 10px rgba(0,0,0,.278);height:350px;object-fit:cover;object-position:top;width:350px}@media(max-width:900px){.profile-photo-container .profile-photo-img{border-radius:100%;height:250px;width:250px}}@media(max-width:450px){.profile-photo-container .profile-photo-img{height:180px;width:180px}}.center-container{display:flex;justify-content:center}.turquoise{color:#37bbbd}.black{color:#000}.section{padding-top:15px}.align-left{text-align:left}.normal-text{line-height:2.5rem}@media(max-width:800px){.profile-photo-img{border-radius:100%}}.projects{top:0}.header{display:flex;width:100%}.projects-title{font-size:36px;font-weight:700;text-align:left}.filters{display:flex;font-size:25px;justify-content:flex-end;text-align:right;width:50%}.filter-item{list-style-type:none;margin-left:5px}.projects-title-container{justify-self:center;width:var(--project-card-width)}@media(max-width:1450px){.last-padding-grid{display:none!important}}@media(max-width:900px){.last-padding-grid{display:grid!important}}@media(max-width:545px){.last-padding-grid{display:none!important}}.projects-list{display:grid;grid-template-columns:auto auto auto}@media(max-width:1450px){.projects-list{grid-template-columns:auto auto}}@media(max-width:900px){.projects-list{grid-template-columns:auto auto auto}}@media(max-width:545px){.projects-list{grid-template-columns:auto auto}}.item{display:flex;margin:1vh 1vw;place-self:center;align-self:start}@media(max-width:900px){.item{margin:0 0 35px}}.project-card,.project-card-link{width:-webkit-fit-content;width:fit-content}.project-card-link{display:flex}.thumbnail{aspect-ratio:1/.9;border-radius:5px;filter:saturate(.8);object-fit:cover;transition:.5s ease-out;width:var(--project-card-width)}@media(min-width:900px){.thumbnail{aspect-ratio:13/10;border-radius:10px}}@media(min-width:1450px){.thumbnail{aspect-ratio:13/10}}@media(min-width:1900px){.thumbnail{aspect-ratio:13/8}}.gradient-background{border-radius:10px;box-shadow:2px 2px 5px 0 #0000004d;display:flex;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content}@media(max-width:900px){.gradient-background{border-radius:5px;box-shadow:none;flex-direction:column;width:140px}}.gradient-background:after{background:var(--project-card-banner-background-color);border-radius:0 0 10px 10px;bottom:0;content:"";display:inline-block;height:18%;left:0;position:absolute;transition:background .5s ease-out;width:100%}@media(max-width:900px){.gradient-background:after{background:none;border-radius:0;height:120px;width:140px}}.card-text{font-weight:500;margin-left:5%;margin-right:5%;text-align:justify;text-justify:auto;z-index:1}@media(max-width:900px){.card-text{margin:0}}.card-text-dark{color:var(--primary-button-text-color-dark)}@media(max-width:900px){.card-text-dark{color:var(--text-color-dark)}}.card-text-light{color:var(--primary-button-text-color-light)}@media(max-width:900px){.card-text-light{color:var(--text-color-light)}}.card-name{bottom:9%;font-size:18px;font-weight:600;margin:8px 20px;position:absolute;text-align:left;transform:translateY(70%);transition:.5s}@media(max-width:900px){.card-name{bottom:0;font-size:16px;margin:5px 0;position:inherit;text-decoration:underline;transform:none}}.card-info{font-size:16px;height:80%;margin-top:0;opacity:0;pointer-events:none;position:absolute;top:100%;transition:.5s}@media(max-width:900px){.card-info{font-size:14px;line-height:1.5rem;opacity:1;position:static;text-align:left;text-align:initial}}.gradient-background:hover{border-radius:10px;cursor:pointer}.gradient-background:hover img{filter:blur(1px);transition:1s ease-out}@media(max-width:900px){.gradient-background:hover img{filter:none}}.gradient-background:hover .card-name{bottom:90%;text-decoration:underline;transform:translateY(100%)}@media(max-width:900px){.gradient-background:hover .card-name{transform:none}}.gradient-background:hover .card-info{opacity:1;top:20%}.gradient-background:hover:after{background:linear-gradient(180deg,rgba(247,252,252,.042) 40%,#075387),#04163de6;border-radius:10px;height:100%;position:absolute}@media(max-width:900px){.gradient-background:hover:after{background:none}}.card-tag-list{bottom:15%;display:flex;position:inherit}.card-tag{border:1px solid #fafafa;border-radius:45px;color:#fff;margin-right:10px;padding:5px 10px}@media(max-width:900px){.extra-info{display:none}}.card-description{line-height:24px;margin:10px 0 0;text-align:left}@media(max-width:900px){.card-description{margin-top:0}}.project-details-title{text-align:left}.project-details-container{display:flex;margin-bottom:20px;width:100%}@media(max-width:900px){.project-details-container{flex-direction:column}}.project-infos{font-size:18px;margin-bottom:50px;text-align:justify;width:100%}.project-image-list{align-items:flex-end;display:flex;flex-direction:column;margin-left:5%}@media(max-width:900px){.project-image-list{align-items:center}}.project-image{box-shadow:3px 3px 14px 0 #00000040;height:300px;margin-bottom:25px;width:400px}@media(max-width:900px){.project-image{height:200px;width:300px}}.tag-list{bottom:15%;display:flex;font-size:16px;position:inherit}.tag{border:1px solid #075387;border-radius:45px;margin-right:10px;padding:5px 10px}.breadcrumb{color:#000;display:flex;font-size:18px;font-weight:400;justify-content:flex-start;opacity:.5}.breadcrumb a:visited{color:#000}.redirect-link{margin-right:15px}@media(max-width:900px){.redirect-link{margin:5px}}.project-description{white-space:pre-wrap}.redirect-button-list{display:flex}@media(max-width:900px){.redirect-button-list{justify-content:center}}@media(max-width:500px){.redirect-button-list{align-items:center;flex-direction:column}}.project-image-list-header{display:none}@media(max-width:900px){.project-image-list-header{display:block}}.contact-page{height:100%}.contact-text{text-align:left}.contact-container{height:100%;margin-top:80px;width:100%}.contact-container,.contact-links{display:flex;justify-content:center}.contact-links{align-items:flex-start;flex-direction:column;width:-webkit-fit-content;width:fit-content}.contact{align-items:center;display:flex;margin-bottom:20px}.contact-icon{font-size:50px;margin-right:15px}@media(max-width:800px){.contact-icon{font-size:36px}}.contact-text{font-size:20px}.home{text-align:start}.home-section{padding:60px 0}@media(max-width:900px){.home-section{padding:40px 0}}.first-section{padding-bottom:60px;padding-top:35px}@media(max-width:900px){.first-section{align-items:center;display:flex;flex-direction:column;padding:0}}.headline{font-size:48px;line-height:3.2rem;margin-bottom:0;margin-top:0}@media(max-width:900px){.headline{font-size:38px;line-height:2.5rem;text-align:center}}@media(max-width:450px){.headline{font-size:24px;line-height:2rem}}.headline-description{font-weight:600;margin-top:0}.home-cv{display:flex;margin-top:40px}@media(max-width:800px){.home-text{text-align:justify}}.technology-background{height:535px}@media(max-width:1700px){.technology-background{height:535px}}@media(max-width:1160px){.technology-background{height:600px}}@media(max-width:900px){.technology-background{height:500px}}@media(max-width:640px){.technology-background{height:550px}}@media(max-width:550px){.technology-background{height:650px}}@media(max-width:470px){.technology-background{height:700px}}@media(max-width:400px){.technology-background{height:760px}}.home-inline-list{display:flex;justify-content:center;list-style-type:none;margin-bottom:70px;margin-top:50px;padding:0}.projects-item{margin:2%;width:50%}@media(max-width:1300px){.last-project{display:none}}@media(max-width:900px){.last-project{display:inline}}@media(max-width:500px){.last-project{display:none}}.home-contact-item{margin-left:25px;margin-right:25px}@media(max-width:800px){.home-contact-item{margin:5px}}.home-photo-container{margin-bottom:25px;margin-left:80px}@media(max-width:900px){.home-photo-container{margin-left:0}}.technologies-list{align-items:flex-start;display:flex;list-style-type:none;margin-bottom:70px;margin-top:50px;padding:0;text-align:left}@media(max-width:550px){.technologies-list{flex-direction:column;margin-bottom:45px;margin-top:25px}}.technologies-item{display:flex;flex-direction:column;padding-right:50px;width:33%}@media(max-width:550px){.technologies-item{margin-top:10px;padding-right:0;width:100%}}.technologies-icons{font-size:45px}@media(max-width:900px){.technologies-icons{font-size:32px}}.technology-icon{margin-right:8px}.about-headline{display:flex;margin-top:60px;text-align:start}@media(max-width:1400px){.about-headline{display:block}}.about-historic{display:flex;flex-direction:column}.about-category{margin-top:50px}.about-subtitle{margin-top:45px}.icon-container{margin-right:15px;min-width:80px}.timeline-icon{color:#007db8;font-size:70px;height:auto;margin-top:10px;max-width:80px;min-width:80px;right:0;z-index:2}.timeline-dot{font-size:40px;margin-right:15px;min-width:80px}@media(max-width:900px){.timeline-dot{font-size:20px;margin-right:15px;min-width:40px}}.about-list{padding:0}.timeline-item{display:flex;margin-top:55px}.timeline-bullet{display:flex;margin-left:80px;margin-top:25px}.timeline-description{display:flex;flex-direction:column}.timeline-title{font-weight:600}.timeline-date{line-height:22px}.languages-section{display:flex}.languages-col{display:flex;flex-direction:column;margin:12px;width:50%}@media(max-width:900px){.about-picture-container{align-items:center;display:flex;justify-content:center;width:100%}}.about-picture{margin-bottom:25px;margin-right:80px}@media(max-width:1400px){.about-picture{margin-left:80px}}.about-redirect-link{margin:0}.about-redirect-link a:link,.about-redirect-link a:visited{color:#075387;text-decoration:underline}@media(max-width:800px){.about-text-container{text-align:justify}}.about-text{margin:0}.not-found{height:70vh}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.typing-animation{font-family:monospace;font-size:50px;height:-webkit-fit-content;height:fit-content;overflow:hidden;text-align:left;white-space:nowrap}@media(max-width:900px){.typing-animation{font-size:35px;margin-top:-50px}}.cursor{animation:blink .7s steps(1) infinite;color:#fff;margin-left:-10px}.typing-animation-background{align-items:center;background:var(--header-color-dark);color:#fff;display:flex;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:5}.typing-animation-container{line-height:normal}.fade-out{animation:fadeOutAnimation 1s ease-in-out forwards}@keyframes fadeOutAnimation{0%{opacity:1}to{display:none;opacity:0;visibility:hidden}}@keyframes blink{50%{opacity:0}}.footer-section{color:#fafafad1;font-size:14px}.footer-background{height:40px;left:-20%;margin-left:20%;position:absolute;width:100%;z-index:0}
/*# sourceMappingURL=main.6283ad93.css.map*/