.logoFont[data-v-12ecbb10]{font-family:Nabla;color:#fff;font-size:300%}.navbar-item[data-v-12ecbb10]{font-family:Avenir,sans-serif}.image-overlay[data-v-12ecbb10]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(42,30,108,.8);z-index:1}.title[data-v-12ecbb10]{font-family:Avenir,sans-serif;font-size:6rem;z-index:5}.subtitle[data-v-12ecbb10]{font-family:Open Sans,sans-serif;font-size:1.5rem;z-index:4}.gradient[data-v-12ecbb10]{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff}.overlay[data-v-12ecbb10]{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85))}.navbarItem[data-v-12ecbb10]{margin:auto;padding:2vw;padding-bottom:1vw;padding-top:1vw;height:auto}.navbarItem[data-v-12ecbb10]:hover{background-color:#4d8bfe}.navbar-item[data-v-12ecbb10]:hover{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85))}.navbar-burger[data-v-12ecbb10]{margin-top:auto;margin-bottom:auto}.subtitle[data-v-12ecbb10],.title[data-v-12ecbb10]{position:relative;z-index:2}@media only screen and (max-width:1030px){.hero.is-primary .navbar-menu[data-v-12ecbb10]{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85));background-color:unset}}@media only screen and (max-width:768px){.hero-body[data-v-12ecbb10]{margin-top:30vw}.title[data-v-12ecbb10]{font-size:xxx-large}.hero.is-primary .navbar-menu[data-v-12ecbb10]{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85))}}#container[data-v-12ecbb10]{color:#fff;text-transform:capitalize;font-size:36px;font-weight:700;width:100%;bottom:60%}#flip[data-v-12ecbb10]{height:50px;overflow:hidden;text-transform:uppercase}#flip>div>div[data-v-12ecbb10]{color:#fff;padding:4px 12px;height:45px;margin-bottom:45px;display:inline-block}#flip div[data-v-12ecbb10]:first-child{animation:show-12ecbb10 8s linear infinite}#flip div div[data-v-12ecbb10],#flip div:first-child div[data-v-12ecbb10],#flip div:last-child div[data-v-12ecbb10]{background:none;color:#d3d3d4}.hero img[data-v-12ecbb10]{background-color:#111,50%}@keyframes show-12ecbb10{0%{margin-top:-270px}5%{margin-top:-180px}33%{margin-top:-180px}38%{margin-top:-90px}66%{margin-top:-90px}71%{margin-top:0}99.99%{margin-top:0}to{margin-top:-270px}}p[data-v-12ecbb10]{width:100%;bottom:30px;font-size:12px;color:#999;margin-top:200px}#grayscale{filter:grayscale(100%)}p{color:#b5b5b5}.about{margin-left:5vw}.image{max-width:18vw;height:auto;margin-right:2vw}.AboutMe{text-align:left;padding:0}.aboutMargin{margin-left:22%;margin-right:22%}.about p{width:100%}.section.is-large{padding:0}strong{color:#8354fd}.timeline-container{padding-top:1%;padding-bottom:1%}.timeline{position:relative;margin-left:3vw}.timeline-line{position:absolute;width:2px;height:100%;background-color:#fff;top:0;left:1.5vw;z-index:0}.tl-item{padding:2rem}.timeline-marker img{position:absolute;margin-top:5%;margin-left:4%;z-index:3;width:8%;height:auto}.timeline-header{position:sticky;z-index:5}.topImgBox{width:auto;height:16rem;overflow:hidden;margin-bottom:3vw}.topImgBox img{height:auto;-o-object-position:center;object-position:center}.endtag{padding:1.5vw;margin-top:auto}#one{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/intro-bg.8b8b6a25.jpeg) no-repeat 50%;background-position-y:10%;background-position-x:92%;background-size:cover}#two{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/summa.b7eef4b5.jpeg) no-repeat 50%;background-position-y:22%;background-size:cover}#three{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/fontys.52542815.jpg) no-repeat 50%;background-position-y:50%;background-size:cover}#four{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/philipsHTC.655cf13c.jpg) no-repeat 50%;background-position-y:22%;background-size:cover}#five{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/p4b.10cd72a4.jpg) no-repeat 50%;background-position-y:16%;background-size:cover}#six{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/intro-bg.8b8b6a25.jpeg) no-repeat 50%;background-position-y:10%;background-position-x:92%;background-size:cover}#eight,#nine,#seven{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/train.b5b7f07c.jpg) no-repeat 50%;background-position-y:32%;background-size:cover}#ten{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/train.b5b7f07c.jpg) no-repeat 50%;background-position-y:32%}#eleven{background:linear-gradient(90deg,rgba(107,77,168,.85) 0,rgba(73,119,194,.85) 60%),url(/img/wf-building.9faf8dc1.jpg) no-repeat 50%;background-position-y:16%;background-size:cover}.titleSmaller{color:#8354fd}.topImgBox img{height:3vw;width:auto}@media only screen and (max-width:1020px){.aboutMargin{margin:auto}.topImgBox img{height:10vw;width:auto}}@media only screen and (max-width:768px){.hero-body{margin-top:10rem}.timeline-container{padding-top:10vw;padding-bottom:10vw}.topImgBox{width:auto;height:8rem;overflow:hidden;margin-bottom:3rem}.about p{width:110%}.about{margin-left:2vw;width:auto}.aboutMargin{margin:auto}.miniTitle{margin-top:4vw}.topImgBox img{height:10vw;width:auto}}.level[data-v-3c4e6f82]{padding:5vw;margin:0}.level-item .title[data-v-3c4e6f82]{font-size:400%}.heading[data-v-3c4e6f82]{color:#efefef}nav[data-v-3c4e6f82]{background:linear-gradient(0deg,rgba(107,77,168,.65) 0,rgba(73,119,194,.65) 0),url(/img/intro-bg.8b8b6a25.jpeg) no-repeat;background-position-y:12%;background-size:100%;background-repeat:none;margin:0;height:500px}@media only screen and (max-width:768px){nav[data-v-3c4e6f82]{background-size:auto}.level-item .title[data-v-3c4e6f82]{font-size:300%}}.rows{display:flex;flex-direction:column}.subtitle{padding-bottom:2rem}.skillContainer{margin:auto;margin-top:0}.icon-box{text-align:center;font-size:smaller;margin-top:1vw}.title-box{font-size:12px;font-weight:700;margin-top:.5rem;text-align:center;height:2vw;padding-top:auto;color:#7d4efe}.categoryTitle{font-size:larger}.boxz{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;background-color:#30008a;border-radius:5%}@media only screen and (max-width:1410px){.boxz{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding-top:2vw;padding-bottom:1vw}.title-box{font-size:xx-small}}@media only screen and (max-width:850px){.boxz{padding:1vw}.custom-svg-icon{width:2rem;height:auto}}@media only screen and (max-width:768px){.categoryTitle{margin-top:10vw;margin-bottom:0}.subtitle{margin-bottom:-1.25rem}.boxz{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding-top:5vw;padding-bottom:5vw}}.custom-svg-icon{width:auto;height:2rem;max-width:100%}@media only screen and (max-width:1410px){.boxz{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding-top:2vw;padding-bottom:1vw}.title-box{font-size:xx-small}.custom-svg-icon{width:auto;height:2rem}}@media only screen and (max-width:880px){.boxz{padding:auto}.custom-svg-icon{width:2vw;height:auto}.title-box{margin-bottom:1.8vw}}@media only screen and (max-width:768px){.categoryTitle{margin-top:10vw;margin-bottom:0}.subtitle{margin-bottom:-1.25rem}.boxz{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;padding-top:5vw;padding-bottom:5vw}.custom-svg-icon{width:8vw;height:auto}}.card[data-v-1c31de62]{position:relative;display:inline-block;margin:0;padding:0;background-color:#30008a}.card img[data-v-1c31de62]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin:0;padding:0}.card-overlay[data-v-1c31de62]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.card:hover .card-overlay[data-v-1c31de62]{opacity:1}.project-name[data-v-1c31de62]{color:#fff;font-size:1.25rem;text-align:center;padding:1rem}@media only screen and (max-width:1380px){.project-name[data-v-1c31de62]{font-size:smaller}}@media only screen and (max-width:600px){.project-name[data-v-1c31de62]{font-size:x-small}}.photo-grid img{width:100%;height:auto}.project{text-align:left;margin:1vw;margin-left:5%;margin:10px}.project h1{font-size:xx-large;color:#7b40e9}.project h2{margin-top:2vw;font-size:x-large;color:#8f58f5}.project h3{margin-top:1vw;font-size:large;color:#8f58f5}pre{background-color:#272822;padding:12px;border:1px solid #75715e;border-radius:4px;overflow:auto;margin:10px 0}code,pre{color:#f8f8f2}code{background-color:transparent}.comment{color:#75715e;font-style:italic}.keyword{color:#f92672}.string{color:#e6db74}.function{color:#a6e22e}.operator{color:#f8f8f2}.number{color:#ae81ff}h2{margin:auto}#navbar-logo{width:auto;height:4vw;display:flex}.navbar{top:0;z-index:100;height:6rem;display:flex;justify-content:center;align-items:center;margin-bottom:2vw}.project strong,.title{color:#7b40e9}ul{list-style:circle}.project img{margin-top:auto;margin-bottom:auto;width:auto;height:auto}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;word-wrap:normal;line-height:1.5}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.rows[data-v-1770b826]{display:flex;flex-direction:column}.subtitle[data-v-1770b826]{padding-bottom:2rem}.svg-img[data-v-1770b826]{width:30%;height:30%;margin-left:auto;margin-right:auto}.frame[data-v-1770b826]{width:100%;height:40rem}.grid[data-v-1770b826]{position:relative;cursor:pointer;overflow:hidden}.grid[data-v-1770b826]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;transition:opacity .3s}.grid[data-v-1770b826]:hover:before{opacity:1}.grid p.image-title[data-v-1770b826]{position:absolute;bottom:0;left:0;width:100%;padding:.5rem}.project-iframe-container[data-v-1770b826]{height:500px;overflow-y:scroll;border-radius:5px;margin-left:3vw;margin-right:3vw}.project-iframe[data-v-1770b826]{width:100%;height:100%}.fade-enter-active[data-v-1770b826],.fade-leave-active[data-v-1770b826]{transition:opacity .25s ease}.fade-enter-from[data-v-1770b826],.fade-leave-to[data-v-1770b826]{opacity:0}@media only screen and (max-width:768px){.hero-body[data-v-1770b826]{margin-top:0}}@media only screen and (max-width:600px){.project-iframe-container[data-v-1770b826]{margin-top:10vw}}a{margin:1rem}.svg-inline--fa{height:2em}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#777;background:#1b1c1e}#app,html{margin:0;padding:0}html{background:#1c014d}.colors{background:#30008a;color:#7d4dfe}.navbar-item{background:#1b1c1e;margin:0}p{font-family:Open Sans,sans-serif;font-size:101%}.footer{padding:3rem 1.5rem 2rem}.Experience p{width:60%}video::-webkit-media-controls-mute-button,video::-webkit-media-controls-volume-slider{display:none}code{text-shadow:none!important;.token.number,.token.operator{background:none!important}.token.number{min-width:0;text-align:center!important;vertical-align:middle!important;margin-right:0}}code[class*=language-],pre[class*=language-]{font-family:Hack,Consolas,Menlo,Monaco,Andale Mono WT,Andale Mono,Lucida Console,Lucida Sans Typewriter,DejaVu Sans Mono,Bitstream Vera Sans Mono,Liberation Mono,Nimbus Mono L,Courier New,Courier,monospace;font-size:14px;line-height:1.375;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-ms-hyphens:none;hyphens:none;background:#1d262f;color:#57718e}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#004a9e}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#004a9e}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.punctuation{color:#4a5f78}.token.namespace{opacity:.7}.token.number,.token.operator,.token.tag{color:#0aa370}.token.function,.token.property{color:#57718e}.token.atrule-id,.token.selector,.token.tag-id{color:#ebf4ff}.token.attr-name,code.language-javascript{color:#7eb6f6}.language-css .token.string,.language-scss .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.boolean,.token.control,.token.directive,.token.entity,.token.keyword,.token.placeholder,.token.regex,.token.statement,.token.string,.token.unit,.token.url,.token.variable,code.language-css,code.language-scss{color:#47ebb4}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #ebf4ff;text-decoration:none}.token.italic{font-style:italic}.token.bold,.token.important{font-weight:700}.token.important{color:#7eb6f6}.token.entity{cursor:help}pre>code.highlight{outline:.4em solid #34659d;outline-offset:.4em}.line-numbers .line-numbers-rows{border-right-color:#1f2932}.line-numbers-rows>span:before{color:#2c3847}.line-highlight{background:rgba(10,163,112,.2);background:-webkit-gradient(linear,left top,right top,color-stop(70%,rgba(10,163,112,.2)),to(rgba(10,163,112,0)));background:linear-gradient(90deg,rgba(10,163,112,.2) 70%,rgba(10,163,112,0))}