.console{background:var(--background-light);padding:2px 10px;color:var(--font);display:flex;width:750px;margin-top:2rem;border-right:3px solid var(--primary);box-shadow:0 2px 50px 0 rgba(0,0,0,.18)}.selected{background:var(--font);color:#000!important}.command,.hostname{margin-top:16px}.command{margin-left:.2rem;text-decoration:none;color:var(--font);text-align:left}.command:after{content:"";display:inline-block;background-color:var(--font);vertical-align:top;width:10px;height:2px;margin-top:15px;margin-left:1px;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}@media screen and (max-width:750px){.console{width:90%;font-size:10px}.command,.hostname{margin-top:10px}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.green{color:var(--primary)}.blue{color:#5da0e8}.content-item{background-color:var(--background-light);border-radius:10px;padding:20px 20px;width:90%;position:relative;box-shadow:0 2px 50px 0 rgba(0,0,0,.18);display:flex;flex-direction:column}.content-item h1{margin:0;font-size:27px}.content-item span{color:var(--font-light)}.bottom{margin-top:auto}.content-links{display:flex;justify-content:space-evenly;margin-left:-20px;margin-right:-20px;margin-bottom:-20px}.content-link{border:1px solid var(--background);width:50%;text-align:center;margin-left:-1px;margin-right:-1px;padding:15px 10px}.content-links a{text-decoration:none;color:var(--font-light);transition:all .2s ease}.content-links a:hover{color:var(--font)}.full{width:100%}.icon{font-size:15px;margin-left:1rem;margin-right:5px}.githubStats{color:var(--primary);margin-bottom:.8rem}.githubStats svg{margin-bottom:2px}@media screen and (max-width:750px){.content-item h1{font-size:22px}.content-item p,.githubStats{margin-top:5px}}.skill-item[data-v-3efad9dd]{background-color:var(--background-light);border-radius:10px;padding:10px 20px;width:90%;position:relative;box-shadow:0 2px 50px 0 rgba(0,0,0,.18)}.skill-item p[data-v-3efad9dd]{margin:.5rem 0}.skill-wrapper[data-v-3efad9dd]{display:flex;flex-direction:row}.skill-wrapper p[data-v-3efad9dd]{margin-bottom:0}.skillIcon[data-v-3efad9dd]{font-size:25px;margin-right:5px}.skillDesc[data-v-3efad9dd]{color:var(--font-light);margin-top:0}.contact-form{margin-bottom:4rem;margin-top:2rem}.contact-content{max-width:450px;width:85%;margin:auto;display:flex;flex-direction:column}.contact-content h1{text-align:center;margin-top:1rem;margin-bottom:0}@media screen and (max-width:750px){.contact-content h1{font-size:20px}}.contact-content p{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:2rem;color:var(--font-light)}.contact-content a{color:var(--primary);text-decoration:none}.contact-content input,.contact-content textarea{display:block;background:var(--background-light);color:var(--font);font-size:1rem;border:1px solid var(--background-light)!important;border-radius:10px;border:0;outline:0;padding:12px 14px;margin-top:5px;margin-bottom:15px;transition:border .2s ease}.contact-content input:invalid,.contact-content textarea:invalid{border:1px solid var(--red)!important;padding:11px 13px!important}.contact-content input:focus,.contact-content textarea:focus{border:1px solid var(--primary)!important;transition:none}.invalidInput{border:1px solid var(--red)!important;padding:11px 13px!important}.hero{display:grid;justify-items:center;grid-gap:.8rem;margin:1rem 0;padding:0 10%;text-align:center}@media (max-width:1200px){.hero{padding:0}}@media (max-width:600px){.hero{margin-top:10vh}}.hero__buttons{display:grid;justify-items:center;grid-gap:1rem}.hero__button{display:inline-block;position:relative;padding:1rem 2.5rem;background:radial-gradient(farthest-corner at var(--x,0) var(--y,0),var(--primary),var(--primary));text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;border-radius:100px}.hero__button:after{content:"";position:absolute;left:3px;right:3px;top:3px;bottom:3px;background:var(--background-light);border-radius:inherit;opacity:.9;transition:opacity .6s cubic-bezier(.51,.92,.24,1)}.hero__button span{position:relative;color:var(--font);z-index:1}.hero__button:hover:after{opacity:.8}.hero__line{width:1px;height:25px;background:var(--font);margin:0}.p4{margin:0}.contactLink{position:relative;color:var(--font);text-decoration:none;white-space:nowrap}.contactLink:after{content:"";position:absolute;height:2px;left:0;right:0;top:100%;background:var(--primary);transition:transform .3s cubic-bezier(.51,.92,.24,1)}.contactLink:hover:after{transform:translateY(2px)}.contactLink:active:after{transform:translateY(1px);transition:none}.message{text-align:center}.success{color:var(--primary)}.error{color:var(--red)}#home[data-v-16a31262]{margin-bottom:5rem;-webkit-animation:fadein 1s;animation:fadein 1s}.landing-wrapper[data-v-16a31262]{background:url(https://cdn.mxis.ch/assets/portfolio/backgroundBig.jpg);background-position:50%;background-size:cover}.landing[data-v-16a31262]{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.landing h1[data-v-16a31262]{font-size:42px;margin:0}.headline[data-v-16a31262]{text-align:center;margin-top:3rem;margin-bottom:3rem}@media screen and (max-width:750px){.headline[data-v-16a31262]{font-size:20px;margin-top:2rem;margin-bottom:2rem}}.subline[data-v-16a31262]{text-align:center;width:80%;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:2rem;color:var(--font-light)}.normal-link[data-v-16a31262]{text-decoration:none;color:var(--primary)}.content-grid[data-v-16a31262]{display:grid;grid-template-columns:repeat(auto-fit,max(400px));justify-content:center;-moz-column-gap:1rem;column-gap:1rem;row-gap:1rem;justify-items:center;max-width:1000px;width:80%;margin:auto}@media screen and (max-width:500px){.content-grid[data-v-16a31262]{grid-template-columns:repeat(auto-fit,max(300px))}}.photo-grid[data-v-16a31262]{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}.content[data-v-16a31262],.gallery[data-v-16a31262],.skills[data-v-16a31262]{padding:4rem 0}.skill-grid[data-v-16a31262]{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}.socials[data-v-16a31262]{display:flex;flex-direction:row;margin-top:2rem;transition:.1s ease-in-out}.socials a[data-v-16a31262]{color:var(--font);text-decoration:none;margin:2rem;font-size:25px}@media screen and (max-width:750px){.socials a[data-v-16a31262]{margin-right:10px;margin-left:10px;font-size:20px}}.fixed-top[data-v-16a31262]{position:fixed;top:0;margin-top:0;z-index:1}.fixed-top a[data-v-16a31262]{margin-top:1.5rem;font-size:15px}#stickTo[data-v-16a31262]{margin-top:-80px}.iconLogo[data-v-16a31262]{margin-right:1rem}.navLink[data-v-16a31262]{text-align:center;margin-bottom:2rem;margin-top:2rem}.navLink p[data-v-16a31262]{color:var(--font-light)}.navLink a[data-v-16a31262],.subline a[data-v-16a31262]{position:relative;color:var(--font-light);text-decoration:none;white-space:nowrap}.navLink a[data-v-16a31262]:after,.subline a[data-v-16a31262]:after{content:"";position:absolute;height:2px;left:0;right:0;top:100%;background:var(--primary);transition:transform .3s cubic-bezier(.51,.92,.24,1)}.navLink a[data-v-16a31262]:hover:after,.subline a[data-v-16a31262]:hover:after{transform:translateY(2px)}.navLink a[data-v-16a31262]:active:after,.subline a[data-v-16a31262]:active:after{transform:translateY(1px);transition:none}.devider[data-v-16a31262]{height:3px;color:var(--primary);background:var(--primary);max-width:600px;width:80%;margin-top:4rem;border:0}.fade-enter-active[data-v-16a31262],.fade-leave-active[data-v-16a31262]{transition:all .4s}.fade-enter[data-v-16a31262],.fade-leave-to[data-v-16a31262]{opacity:0}