@charset "UTF-8";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}.matyus{text-align:center;width:100%;display:flex;flex-direction:column;z-index:-1;font-family:Roboto,sans-serif;background:#f9fafa;color:#20303c}@keyframes trainMove{0%{left:-3vw}to{left:103vw}}@keyframes roadMove{0%{left:0}5%{left:0;top:0}7.5%{left:6vw;top:2rem}10%{left:12vw;top:0}16%{left:12vw;top:0}18.5%{left:18vw;top:2rem}21%{left:24vw;top:0}27%{left:24vw;top:0}29.5%{left:30vw;top:2rem}32%{left:36vw;top:0}38%{left:36vw;top:0}40.5%{left:42vw;top:2rem}43%{left:48vw;top:0}to{left:48vw}}@keyframes roadMoveAlt{0%{left:0;scale:0}1%{left:0;scale:1}8%{left:0;scale:1}10%{left:0;scale:0}10.1%{left:12vw;scale:0}12%{left:12vw;scale:1}20%{left:12vw;scale:1}22%{left:12vw;scale:0}22.1%{left:24vw;scale:0}24%{left:24vw;scale:1}32%{left:24vw;scale:1}34%{left:24vw;scale:0}34.1%{left:36vw;scale:0}36%{left:36vw;scale:1}44%{left:36vw;scale:1}46%{left:36vw;scale:0}46.1%{left:48vw;scale:0}48%{left:48vw;scale:1}56%{left:48vw;scale:1}58%{left:48vw;scale:0}58.1%{left:60vw;scale:0}60%{left:60vw;scale:1}68%{left:60vw;scale:1}70%{left:60vw;scale:0}70.1%{left:72vw;scale:0}72%{left:72vw;scale:1}80%{left:72vw;scale:1}82%{left:72vw;scale:0}82.1%{left:84vw;scale:0}84%{left:84vw;scale:1}92%{left:84vw;scale:1}94%{left:84vw;scale:0}94.1%{left:96vw;scale:0}96%{left:96vw;scale:1}99.9%{left:96vw;scale:0}to{left:96vw;scale:0}}.matyus .train{width:3vw;position:absolute;margin:3rem auto auto -3vw;transition:all linear .2s;animation:trainMove infinite linear 10s}.matyus .road-group{width:100%;display:flex;flex-direction:row}.matyus .road-group .road{scale:0;font-size:2vw;color:#ffe68c;position:absolute;margin:5rem auto auto 2rem;transition:all linear .5s;animation:roadMoveAlt infinite 10s linear}.header{display:flex;flex-direction:row;justify-content:space-between;width:100%;position:sticky;top:0;background:#f9fafa;color:#20303c;z-index:10000}.header h1{margin:auto auto auto 0;padding:2rem;font-size:2rem;letter-spacing:10px}.header .menu{margin:auto 2rem auto auto;display:flex;flex-direction:row;gap:3rem;padding:2rem;font-size:1.2rem}.header .menu label{transition:all ease .5s}.header .menu label:hover{cursor:pointer;opacity:.6;transition:all ease .5s}.header .menu a{transition:all ease .5s;text-decoration:none;color:#20303c}.header .menu a:hover{cursor:pointer;opacity:.6;transition:all ease .5s}.header-mobile{display:grid;grid-template-columns:80% 20%;height:10vh;width:100%;background:#182153;color:#f9fafa;position:fixed;top:0;z-index:90}.header-mobile h1{margin:auto;padding-left:10%}.header-mobile .hamburger-menu{width:2rem;height:2rem;margin:auto 2rem auto auto;transition:ease .2s}@media screen and (max-width: 400px){.header-mobile .hamburger-menu{width:1.5rem!important;height:1.5rem!important}}.header-mobile .hamburger-menu:hover{cursor:pointer;transition:ease .2s;transform:scale(1.2)}.header-mobile .menu{position:fixed;width:100vw;height:100vh;display:flex;flex-direction:column;background-color:#182153e6;z-index:110}.header-mobile .menu .menu-container{display:flex;flex-direction:column;margin:0 0 auto}.header-mobile .menu .menu-container .close{font-size:2.5rem;margin:2rem auto auto 2rem;color:#fff}.header-mobile .menu .menu-container label{font-size:1.6rem;margin:3rem auto auto;color:#fff}.header-mobile .menu .menu-container a{font-size:1.6rem;margin:3rem auto auto;color:#fff;text-decoration:none}.top{width:100%;display:flex;background-size:cover;background-position:bottom;background-repeat:no-repeat;background-attachment:fixed}@media screen and (min-width: 900px) and (max-width: 1400px){.top .top-info-box{width:70%!important}}@media screen and (min-width: 700px) and (max-width: 900px){.top .top-info-box{width:90%!important}}@media screen and (max-width: 700px){.top .top-info-box{margin-top:15rem!important;width:90%!important;display:flex!important;flex-direction:column!important}.top .top-info-box .top-info-img-container{min-height:50rem!important}.top .top-info-box .top-info-top,.top .top-info-box .top-info-row{margin-left:10%!important}}.top .top-info-box{width:40%;margin:25rem auto 0;display:grid;grid-template-columns:repeat(2,1fr)}.top .top-info-box .top-info-img-container{min-height:40rem;width:100%;display:flex;justify-content:center;overflow:hidden;position:relative}.top .top-info-box .top-info-img-container img{position:absolute;width:100%}.top .top-info-box .top-info{width:100%;height:100%;display:flex;flex-direction:column;background:#f9fafa;margin:auto}.top .top-info-box .top-info .top-info-top{display:flex;flex-direction:column;gap:0;margin:5rem auto 2rem 10%;text-align:left}.top .top-info-box .top-info .top-info-top h1{margin:auto auto auto 0;font-size:1.5rem;letter-spacing:normal}.top .top-info-box .top-info .top-info-top label{font-size:1rem}.top .top-info-box .top-info .top-info-row{display:flex;flex-direction:column;gap:0;margin:auto auto 2rem 10%;text-align:left}.top .top-info-box .top-info .top-info-row .title{font-size:1.2rem;font-weight:700}.top .top-info-box .top-info .top-info-row .info{font-size:1rem;text-decoration:none;color:#20303c}.profil{width:100%;display:flex;flex-direction:column;margin-top:0;background:rgb(241,241,241)}@media screen and (min-width: 900px) and (max-width: 1400px){.profil .top-bottom{width:70%!important}}@media screen and (min-width: 200px) and (max-width: 900px){.profil .top-bottom{width:90%!important}.profil .profil-info{margin:13rem 15% 8rem!important}}.profil .top-bottom{width:40%;margin:0 auto;background:#20303c;color:#f9fafa;display:flex}.profil .top-bottom .top-bottom-container{display:flex;flex-direction:row;gap:3rem;margin:auto;padding:2rem 0}.profil .top-bottom .top-bottom-container img{margin:auto;width:3rem;border-radius:50%}.profil .top-bottom .top-bottom-container img:hover{cursor:pointer}.profil .profil-info{margin:13rem 30% 8rem}.profil .profil-info h1{margin:auto;font-size:2.5rem;font-weight:500;letter-spacing:5px}.profil .profil-info p{margin:5rem auto auto;font-size:1.3rem;letter-spacing:2px;font-weight:300;line-height:2.125rem}.experience{width:100%;display:flex;flex-direction:column}@media screen and (min-width: 900px) and (max-width: 1400px){.experience .experience-content-container{width:80%!important}}@media screen and (max-width: 900px){.experience .experience-content-container{width:90%!important;gap:3rem!important}.experience .experience-content-container .experience-box{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-bottom:5rem!important}.experience .experience-content-container .experience-box .experience-box-left{margin:0 auto auto!important}.experience .experience-content-container .experience-box .experience-box-left.animationActive{animation:none!important}.experience .experience-content-container .experience-box .experience-box-left .title,.experience .experience-content-container .experience-box .experience-box-left .year{margin:.5rem auto auto!important;text-align:center!important}.experience .experience-content-container .experience-box .experience-box-right{margin:1rem auto auto!important;width:auto!important}.experience .experience-content-container .experience-box .experience-box-right.animationActive{animation:none!important}.experience .experience-content-container .experience-box .experience-box-right .name,.experience .experience-content-container .experience-box .experience-box-right p{margin:.5rem auto auto!important;text-align:center!important}.experience .experience-content-container .experience-box .experience-box-divider{width:100%!important;height:2px!important}.experience .experience-content-container .experience-box .experience-box-divider:after{top:-1.6rem!important;left:calc(50% - 1.5rem)!important}}.experience h1{margin:3rem auto;font-size:1.8rem;font-weight:400;letter-spacing:5px}.experience .divider{background:rgb(241,241,241);width:100%;height:2px}.experience .experience-content-container{display:flex;flex-direction:column;margin:3rem auto 0;width:60%;gap:0}.experience .experience-content-container .experience-box{width:100%;display:grid;grid-template-columns:49% 2% 49%}.experience .experience-content-container .experience-box .experience-box-left{margin:0 4rem auto auto;display:flex;flex-direction:column;text-align:right;transition:all ease 1s}.experience .experience-content-container .experience-box .experience-box-left.animationActive{animation:moveInLeft 1s}.experience .experience-content-container .experience-box .experience-box-left .year{font-size:1.6rem;font-weight:600;letter-spacing:4px}.experience .experience-content-container .experience-box .experience-box-left .title{font-size:1.1rem;font-weight:400;letter-spacing:4px;margin:1rem 0 auto auto}.experience .experience-content-container .experience-box .experience-box-divider{margin-top:.6rem;background:rgb(241,241,241);width:2px;height:100%;position:relative}.experience .experience-content-container .experience-box .experience-box-divider:after{position:absolute;content:"•";font-size:3rem;top:-1.3rem;left:-.455rem}.experience .experience-content-container .experience-box .experience-box-right{margin:0 auto auto 4rem;display:flex;flex-direction:column;text-align:left;transition:all ease 1s;width:100%}.experience .experience-content-container .experience-box .experience-box-right.animationActive{animation:moveInRight 1s}.experience .experience-content-container .experience-box .experience-box-right .name{font-size:1.6rem;font-weight:500;letter-spacing:4px;margin:0 auto auto 0}.experience .experience-content-container .experience-box .experience-box-right p{font-size:1.1rem;font-weight:400;letter-spacing:3px;margin:1rem auto 4rem 0;white-space:pre-wrap;width:calc(100% - 4rem)}.education{width:100%;display:flex;flex-direction:column}@media screen and (min-width: 900px) and (max-width: 1400px){.education .education-content-container{width:80%!important}}@media screen and (max-width: 900px){.education .education-content-container{width:90%!important;gap:3rem!important}.education .education-content-container .education-box{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-bottom:5rem!important}.education .education-content-container .education-box .education-box-left{margin:0 auto auto!important}.education .education-content-container .education-box .education-box-left.animationActive{animation:none!important}.education .education-content-container .education-box .education-box-left .title,.education .education-content-container .education-box .education-box-left .year{margin:.5rem auto auto!important;text-align:center!important}.education .education-content-container .education-box .education-box-right{margin:1rem auto auto!important;width:auto!important}.education .education-content-container .education-box .education-box-right.animationActive{animation:none!important}.education .education-content-container .education-box .education-box-right .name,.education .education-content-container .education-box .education-box-right p{margin:.5rem auto auto!important;text-align:center!important}.education .education-content-container .education-box .education-box-divider{width:100%!important;height:2px!important}.education .education-content-container .education-box .education-box-divider:after{top:-1.6rem!important;left:calc(50% - 1.5rem)!important}}.education h1{margin:3rem auto;font-size:1.8rem;font-weight:400;letter-spacing:5px}.education .divider{background:rgb(241,241,241);width:100%;height:2px}.education .education-content-container{margin:3rem auto;width:60%;display:flex;flex-direction:column;gap:0}.education .education-content-container .education-box{display:grid;grid-template-columns:49% 2% 49%}@keyframes moveInLeft{0%{margin:0 20rem auto auto;opacity:0}to{margin:0 4rem auto auto;opacity:1}}@keyframes moveInRight{0%{margin:0 auto auto 20rem;opacity:0}to{margin:0 auto auto 4rem;opacity:1}}.education .education-content-container .education-box .education-box-left{margin:0 4rem auto auto;display:flex;flex-direction:column;text-align:right;transition:all ease 1s}.education .education-content-container .education-box .education-box-left.animationActive{animation:moveInLeft 1s}.education .education-content-container .education-box .education-box-left .year{font-size:1.6rem;font-weight:600;letter-spacing:4px}.education .education-content-container .education-box .education-box-left .title{font-size:1.1rem;font-weight:400;letter-spacing:4px;margin:1rem 0 auto auto}.education .education-content-container .education-box .education-box-divider{margin-top:.6rem;background:rgb(241,241,241);width:2px;height:100%;position:relative}.education .education-content-container .education-box .education-box-divider:after{position:absolute;content:"•";font-size:3rem;top:-1.3rem;left:-.455rem}.education .education-content-container .education-box .education-box-right{margin:0 auto auto 4rem;display:flex;flex-direction:column;text-align:left;transition:all ease 1s;width:100%}.education .education-content-container .education-box .education-box-right.animationActive{animation:moveInRight 1s}.education .education-content-container .education-box .education-box-right .name{font-size:1.6rem;font-weight:500;letter-spacing:4px;margin:0 auto auto 0}.education .education-content-container .education-box .education-box-right p{font-size:1.1rem;font-weight:400;letter-spacing:3px;margin:1rem auto 4rem 0;white-space:pre-wrap;width:calc(100% - 4rem)}.skills{width:100%;background-size:cover;background-attachment:fixed;background-position:center;box-shadow:inset 0 0 0 2000px #182153cc}@media screen and (min-width: 900px) and (max-width: 1550px){.skills .skills-container{margin:5rem 5%!important}}@media screen and (max-width: 900px){.skills .skills-container{margin:5rem 5%!important;display:flex!important;flex-direction:column!important}.skills .skills-container .skill-box{width:100%!important}}.skills .skills-title{width:100%;background:#182153;border-bottom:white solid 1px}.skills .skills-title h1{margin:auto;padding:3rem 0;font-size:1.8rem;font-weight:400;letter-spacing:5px;color:#fff}.skills .skills-container{margin:5rem 25%;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;row-gap:3rem}.skills .skills-container .skill-box{margin:auto;width:30rem;height:6rem;display:flex;justify-content:center;background:rgba(24,33,83,.3)}.skills .skills-container .skill-box .skill-box-inner{margin:auto;display:flex;gap:1rem}.skills .skills-container .skill-box .skill-box-inner label{margin:auto;font-size:1.3rem;font-weight:400;letter-spacing:2px;color:#fff}.expertise{width:100%}@media screen and (min-width: 1100px) and (max-width: 1650px){.expertise .expertise-container{grid-template-columns:repeat(2,1fr)!important}}@media screen and (min-width: 900px) and (max-width: 1100px){.expertise .expertise-container{grid-template-columns:repeat(2,1fr)!important;margin:5rem 5%!important}}@media screen and (max-width: 900px){.expertise .expertise-container{margin:5rem 5%!important;display:flex!important;flex-direction:column!important}.expertise .expertise-container .expertise-box{width:100%!important}.expertise .expertise-container .expertise-box label{margin:auto!important;text-align:center!important}.expertise .expertise-container .expertise-box p{margin:auto!important;text-align:center!important;margin-top:1rem!important}}.expertise .expertise-title{width:100%;border-bottom:rgb(241,241,241) solid 2px}.expertise .expertise-title h1{margin:auto;padding:3rem 0;font-size:1.8rem;font-weight:400;letter-spacing:5px}.expertise .expertise-container{margin:5rem 15%;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;row-gap:10rem}.expertise .expertise-container .expertise-box{margin:0 auto auto;width:30rem;display:flex;flex-direction:column}.expertise .expertise-container .expertise-box label{margin:0 auto auto 0;font-size:1.3rem;font-weight:600;text-align:left;letter-spacing:3px}.expertise .expertise-container .expertise-box p{margin:.5rem auto auto 0;font-size:1.3rem;font-weight:400;text-align:left;letter-spacing:1px;white-space:pre-wrap}.expertise .expertise-container .expertise-box img{width:100%;margin:3rem auto auto}.contact{width:100%;background:rgb(241,241,241)}@media screen and (min-width: 1200px) and (max-width: 1650px){.contact .contact-container{margin:0 15% 5rem!important}}@media screen and (min-width: 900px) and (max-width: 1200px){.contact .contact-container{margin:0 5% 5rem!important}}@media screen and (max-width: 900px){.contact .contact-container{margin:0 5% 5rem!important;display:flex!important;flex-direction:column-reverse!important}.contact .contact-container .contact-divider{width:calc(100% - 6rem)!important;height:1px!important}.contact .contact-container .contact-details{margin:0 auto auto!important}.contact .contact-container .contact-details .contact-details-top{margin:3rem auto auto!important;text-align:center!important}.contact .contact-container .contact-details .contact-details-row{margin:2rem auto auto!important;text-align:center!important}.contact .contact-container .contact-details .contact-details-icon-container{margin:3rem auto auto!important;width:calc(100% - 6rem)!important}}.contact .contact-title{width:100%;border-bottom:white solid 2px}.contact .contact-title h1{margin:auto;padding:3rem 0;font-size:1.8rem;font-weight:400;letter-spacing:5px}.contact .contact-container{margin:0 25% 5rem;display:grid;grid-template-columns:48% 4% 48%;justify-content:space-between}.contact .contact-container .contact-form{width:calc(100% - 8rem);display:flex;flex-direction:column;margin:4rem 3rem auto;gap:2rem}.contact .contact-container .contact-form .contact-form-box{display:flex;flex-direction:column;gap:1rem}.contact .contact-container .contact-form .contact-form-box label{margin:auto auto auto 0;font-size:1.3rem;font-weight:400;text-align:left;letter-spacing:3px}.contact .contact-container .contact-form .contact-form-box input{margin:auto auto auto 0;font-size:1.3rem;font-weight:400;text-align:left;letter-spacing:1px;width:100%;height:35px;padding:.2rem 1rem}.contact .contact-container .contact-form .contact-form-box input:hover{border:2px solid black}.contact .contact-container .contact-form .contact-form-box textarea{margin:auto auto auto 0;font-size:1.3rem;font-weight:400;text-align:left;width:100%;padding:1rem;resize:none}.contact .contact-container .contact-form .contact-form-box textarea:hover{border:1px solid black}.contact .contact-container .contact-form .contact-form-send{font-size:1.3rem;font-weight:400;text-align:center;letter-spacing:3px;width:calc(100% + 2rem);padding:1rem;background:#182153;color:#fff;transition:all ease .5s}.contact .contact-container .contact-form .contact-form-send:hover{cursor:pointer;opacity:.6;transition:all ease .5s}.contact .contact-container .contact-divider{height:100%;width:1px;background:white;margin:0 auto}.contact .contact-container .contact-details{width:100%;display:flex;flex-direction:column;margin:4rem 3rem auto}.contact .contact-container .contact-details .contact-details-top{display:flex;flex-direction:column;gap:1rem;margin:0 auto auto 0;text-align:left}.contact .contact-container .contact-details .contact-details-top h1{margin:auto auto auto 0;font-size:2.5rem;letter-spacing:3px;color:#182153}.contact .contact-container .contact-details .contact-details-top label{font-size:1.3rem}.contact .contact-container .contact-details .contact-details-row{display:flex;flex-direction:column;gap:.5rem;margin:2rem auto auto 0;text-align:left}.contact .contact-container .contact-details .contact-details-row .title{font-size:1.5rem;font-weight:700;color:#182153}.contact .contact-container .contact-details .contact-details-row .info{font-size:1.3rem;text-decoration:none;color:#20303c}.contact .contact-container .contact-details .contact-details-icon-container{width:80%;display:flex;flex-direction:row;justify-content:space-around;margin:3rem auto auto 0;padding:1rem 0;background:#182153}.contact .contact-container .contact-details .contact-details-icon-container img{display:flex;margin:auto;width:2rem;border-radius:50%}.contact .contact-container .contact-details .contact-details-icon-container img:hover{cursor:pointer}
