.navbar{position:fixed;z-index:10;top:0;width:100%;height:70px;font-size:20px;transition:.2s ease-in-out}.headerScroll{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 2px 50px 0 rgba(0,0,0,.18)}.nav{display:flex;float:right;margin-right:2rem}.lang-link{text-decoration:none;color:var(--font);margin:1.2rem;cursor:pointer}.primary{color:var(--primary)}.logo{float:left;margin-left:2rem;display:flex;flex-direction:row;align-items:center;justify-content:center}.logo img{margin-right:1rem;margin-top:1rem}.nolink{text-decoration:none;color:var(--font)}@media screen and (max-width:1000px){.logo{margin-left:1rem}.logo p{display:none}.logo img{margin-top:15px}}@media screen and (max-width:750px){.lang-link{margin-right:5px;margin-left:5px}.nav{margin-right:1rem}}.loader[data-v-2094222a]{display:inline-block;position:absolute;top:45%;transform:translateY(-50%);left:50%;transform:translateX(-50%);width:80px;height:80px}.loader div[data-v-2094222a]{display:inline-block;position:absolute;z-index:999;width:16px;background:var(--primary);-webkit-animation:loader-data-v-2094222a 1.2s cubic-bezier(0,.5,.5,1) infinite;animation:loader-data-v-2094222a 1.2s cubic-bezier(0,.5,.5,1) infinite}.loading-wrapper p[data-v-2094222a]{display:block;position:absolute;z-index:999;color:var(--font-white);top:calc(45% + 65px);transform:translateY(-50%);left:50%;transform:translateX(-50%);font-size:20px}.loader div[data-v-2094222a]:first-child{left:8px;-webkit-animation-delay:-.24s;animation-delay:-.24s}.loader div[data-v-2094222a]:nth-child(2){left:32px;-webkit-animation-delay:-.12s;animation-delay:-.12s}.loader div[data-v-2094222a]:nth-child(3){left:56px;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes loader-data-v-2094222a{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}@keyframes loader-data-v-2094222a{0%{top:8px;height:64px}50%,to{top:24px;height:32px}}.modal[data-v-4affe7f2]{position:fixed;z-index:1005;top:0;left:0;width:100%;height:100%;background:rgba(34,34,34,.6313725490196078)}.image-modal[data-v-4affe7f2]{max-height:90%;max-width:90%;top:50%;left:var(--direction);position:absolute;transform:translate(-50%,-50%) scale(.8);box-shadow:0 2px 50px 0 rgba(0,0,0,.18);visibility:hidden;opacity:0;transition:all .4s ease}.showImage[data-v-4affe7f2]{visibility:visible;opacity:1;left:50%;transform:translate(-50%,-50%) scale(1)}.close[data-v-4affe7f2]{color:var(--font-white);float:right;font-size:40px;font-weight:700;position:absolute;right:50px;top:25px;z-index:2}.close[data-v-4affe7f2]:focus,.close[data-v-4affe7f2]:hover{color:var(--font-color-hover);text-decoration:none;cursor:pointer}footer{width:100%;background-color:var(--background-dark);color:var(--font-white);position:absolute}.footer{max-width:90%;margin:auto;margin-top:3rem;margin-bottom:3rem;text-align:center;font-size:15px;padding:0 10px}.bottomNav{display:flex;list-style:none;padding:0;justify-content:center;font-weight:600;width:90%;margin:auto}.bottomNav a{margin:1rem 2rem;font-size:20px}@media screen and (max-width:750px){.bottomNav a{margin:.8rem 1rem;font-size:17px}}.nolink-footer{text-decoration:none;color:var(--font-white)}.primary-btn[data-v-1c120749]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;padding:15px 25px;font-weight:700;border-radius:15px;border:3px solid var(--background-dark);cursor:pointer;background:var(--background-dark);color:var(--font-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:13px}.primary-btn[data-v-1c120749]:focus{border:3px solid var(--primary);filter:brightness(105%)}.primary-btn[data-v-1c120749]:active{transform:scale(.95)}.hero-wrapper[data-v-56b248c9]{min-height:100vh;display:flex;align-items:center;justify-content:center;width:85%;max-width:1600px;margin:auto}.half[data-v-56b248c9]{margin:auto}.content[data-v-56b248c9]{max-width:450px}.content h1[data-v-56b248c9]{font-size:40px;margin-bottom:.5rem}.content p[data-v-56b248c9]{font-size:20px}.hero-img[data-v-56b248c9]{position:relative;width:500px;height:500px}.hero-img div[data-v-56b248c9]{width:100%;height:100%;position:absolute;z-index:1;border-radius:15px;background:url(https://cdn.mxis.ch/assets/portfolio/hero.jpg);background-position:50%;background-size:cover;box-shadow:9px 9px 44px -25px rgba(0,0,0,.75)}.hero-img svg[data-v-56b248c9]{z-index:0;position:absolute;top:-20%;left:-20%}.bg-svg[data-v-56b248c9]{fill:var(--primary-light)}.about-wrapper[data-v-5618c2d4]{width:80%;max-width:1400px;margin:auto;margin-bottom:7rem}.content[data-v-5618c2d4]{max-width:900px}.project-item[data-v-50442174]{display:flex;justify-content:center;align-items:center;width:100%;margin:auto;margin-bottom:3rem}.half[data-v-50442174]{width:50%}.content h1[data-v-50442174]{font-size:25px;margin-bottom:0}.content span[data-v-50442174]{color:var(--font-light)}.content p[data-v-50442174]{max-width:600px}.image[data-v-50442174]{position:relative;width:50%;height:400px}.image div[data-v-50442174]{width:100%;height:100%;position:absolute;z-index:1;border-radius:15px;background:var(--image);background-position:50%;background-size:cover;box-shadow:9px 9px 44px -25px rgba(0,0,0,.75)}.actions[data-v-50442174]{display:flex;justify-content:flex-start;align-items:center}.actions p[data-v-50442174]{margin-left:1rem}.action-btn[data-v-50442174]{padding:10px 15px;border-radius:15px;border:3px solid var(--background-dark);cursor:pointer;text-decoration:none;background:var(--background-dark);color:var(--font-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:12px;font-weight:700}.action-btn[data-v-50442174]:focus{border:3px solid var(--primary);filter:brightness(105%)}.action-btn[data-v-50442174]:active{transform:scale(.95)}.development[data-v-50442174]{opacity:.9;cursor:not-allowed}.projects-wrapper[data-v-e51d689a]{width:80%;max-width:1400px;margin:auto;margin-bottom:7rem}.projects-wrapper h1[data-v-e51d689a]{text-align:center;margin-bottom:4rem}.projects-wrapper p[data-v-e51d689a]{font-size:17px}.list[data-v-e51d689a]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.skill-item{background-color:var(--background);border-radius:10px;padding:10px 20px;width:90%;position:relative;box-shadow:0 2px 50px 0 rgba(0,0,0,.18)}.skill-wrapper{display:flex;flex-direction:row}.skillIcon{font-size:25px;margin-right:5px}.skillDesc{color:var(--font-light);margin-top:0}.skills-wrapper[data-v-bc8cbd3a]{width:80%;max-width:1400px;margin:auto;margin-bottom:7rem}.skills-wrapper h1[data-v-bc8cbd3a]{margin-bottom:4rem;text-align:center}.skill-grid[data-v-bc8cbd3a]{display:grid;grid-template-columns:repeat(auto-fit,max(300px));justify-content:center;-moz-column-gap:1.5rem;column-gap:1.5rem;row-gap:1rem;justify-items:center;max-width:1000px;margin:auto}.photo-item[data-v-829c44b0]{background-position:50%;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 2px 50px 0 rgba(0,0,0,.18);height:300px;width:300px}.photo-item img[data-v-829c44b0]{width:100%;height:100%;transition:.2s ease-in-out}.photo-item:hover img[data-v-829c44b0]{opacity:.8}.v-lazy-image[data-v-829c44b0]{filter:blur(10px);transition:filter .7s;transition-delay:.4s;border-radius:10px}.v-lazy-image-loaded[data-v-829c44b0]{filter:blur(0);border-radius:10px}.photograph-wrapper[data-v-0a04b13b]{width:80%;max-width:1400px;margin:auto;margin-bottom:7rem;text-align:center}.photograph-wrapper h1[data-v-0a04b13b]{margin-bottom:4rem}.photograph-wrapper p[data-v-0a04b13b]{font-size:17px}.photo-grid[data-v-0a04b13b]{display:grid;grid-template-columns:repeat(auto-fit,max(300px));justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem;justify-items:center;max-width:1200px;margin:auto;margin-bottom:2rem}.contact-wrapper[data-v-7cdc09f9]{position:relative}.contact-wrapper svg[data-v-7cdc09f9]{position:absolute;z-index:0;top:-5rem;left:50%;transform:translate(-50%)}.contact[data-v-7cdc09f9]{position:absolute;left:50%;transform:translateX(-50%);z-index:1;margin-bottom:4rem;padding:2rem;background:var(--background);box-shadow:9px 9px 44px -25px rgba(0,0,0,.75);border-radius:15px;max-width:1000px;width:85%}.headline[data-v-7cdc09f9]{text-align:center}.headline h1[data-v-7cdc09f9]{margin-top:0;margin-bottom:1rem}.headline p[data-v-7cdc09f9]{color:var(--font-light);margin-bottom:2rem}.content[data-v-7cdc09f9]{max-width:450px;width:90%;margin:auto;display:flex;flex-direction:column}.content a[data-v-7cdc09f9]{color:var(--primary);text-decoration:none}.content input[data-v-7cdc09f9],.content textarea[data-v-7cdc09f9]{display:block;background:var(--background-light);color:var(--font);font-size:1rem;border-radius:10px;border:0;outline:0;padding:12px 14px;margin-top:5px;margin-bottom:15px}.content textarea[data-v-7cdc09f9]{height:100px}.content input[data-v-7cdc09f9]:invalid,.content textarea[data-v-7cdc09f9]:invalid,.invalidInput[data-v-7cdc09f9]{border:1px solid var(--red)!important;padding:11px 13px!important}.actions[data-v-7cdc09f9]{text-align:center}.submit[data-v-7cdc09f9]{margin-top:1rem;margin-bottom:1rem}.message[data-v-7cdc09f9]{text-align:center}.success[data-v-7cdc09f9]{color:var(--primary);font-weight:700}.error[data-v-7cdc09f9]{color:var(--red);font-weight:700}.bg-svg[data-v-7cdc09f9]{fill:var(--primary-light)}#home{margin-bottom:5rem;-webkit-animation:fadein 1s;animation:fadein 1s;overflow:hidden}.spacer{height:100vh}.underline{position:relative}.underline:after{content:"";position:absolute;bottom:-14px;left:-5px;height:8px;width:calc(100% + 10px);border:solid 4px var(--primary);border-color:var(--primary) transparent transparent transparent;border-radius:40%}.link{position:relative;text-decoration:none;color:var(--font);margin:0;transition:color .2s ease}.link:after{content:"";position:absolute;bottom:-12px;left:-5px;height:8px;width:calc(100% + 5px);border:solid 2px var(--primary-light);border-color:var(--primary-light) transparent transparent transparent;border-radius:30%;transition:all .2s ease}.link:hover{color:var(--primary)}.link:hover:after{bottom:-14px}