.font-smoothing{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box !important;margin:0}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body,h1,h2,h3,h4,h5,h6,p,blockquote,hr,dl,dd,ol,ul{margin:0;padding:0}html{overflow-y:scroll;background-color:#fff}body{font-family:"Lato",sans-serif;font-size:16px;line-height:1.5;color:#45474A;background-color:#fff}p{margin-top:0;margin-bottom:0.5em}h1,h2,h3,h4,h5,h6{margin-top:1em;margin-bottom:0.25em}h1,.h1{font-size:40px}h2,.h2{font-size:32px}h3,.h3{font-size:24px}h4,.h4{font-size:20px}h5,.h5{font-size:16px}h6,.h6{font-size:12px;text-transform:uppercase;letter-spacing:0.02em}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.site{display:flex;min-height:100vh;flex-direction:column}.site-content{flex:1;background:#2d2d2d}#footer{display:flex;justify-content:center;background:#2d2d2d;color:white}.onpage-screenshot{text-align:center;margin:2% 0}.onpage-screenshot .img-33{width:33%;height:auto}.onpage-screenshot .img-100{width:100%;height:auto}.prose p,.prose ol,.prose ul{font-size:18px;margin-bottom:1em;width:100%}@media (min-width: 52em){.prose p,.prose ol,.prose ul{width:100%}}.prose .post-subtitle>a{border-bottom:2px solid;color:#45474A}.prose .post-subtitle>a:hover{text-decoration:none;color:#009DDB}.prose .gametitle{font-size:16px;margin-bottom:0.25em;text-align:center;font-style:italic}.prose ul,.prose ol{padding-left:40px}.prose li{margin-bottom:0.5em}.prose li ul li,.prose li ol li{margin-bottom:0}.prose img{max-width:100%}.prose #main-image{margin-left:auto;margin-right:auto;max-width:75%}.prose blockquote{line-height:1.375;padding-left:20px;margin:40px 0 40px -16px;border-left:8px solid #ddd;font-style:italic}.prose blockquote p{font-size:24px}@media (min-width: 52em){.prose blockquote{padding-left:32px;margin:64px 0 64px -40px;max-width:110%}.prose blockquote p{font-size:32px}}.prose hr{color:#45474A;border-style:solid;border-width:thin;margin-top:0.5em;margin-bottom:0.5em}.prose dt{font-weight:bold;font-style:italic;line-height:1.25}.prose dd{font-style:italic;margin-bottom:0.5em}.prose table{border-collapse:collapse;display:block;width:100%;margin-bottom:1.5em;overflow:auto;word-break:normal;word-break:keep-all}.prose table th{font-weight:bold;text-align:left}.prose table th,.prose table td{padding:16px 32px 16px 2px;border-top:1px solid #45474A;border-bottom:1px solid #45474A}.prose table tr{background-color:#fff;border-top:1px solid #45474A}.prose table tr th{border-top:2px solid #45474A;border-bottom:2px solid #45474A}.h0{font-size:32px;line-height:1.0125;margin-top:0.85em;word-wrap:break-word}@media (min-width: 52em){.h0{font-size:64px}}.text-right{text-align:right}.no-underline{text-decoration:none !important}.no-underline:hover{text-decoration:no-underline !important}.bold{font-weight:bold}.uppercase{text-transform:uppercase}.lh-condensed{line-height:1.25}.list-reset{list-style:none;padding-left:0}.border-bottom-thick{border-bottom:2px solid;border-color:currentColor}.border-bottom-thin{border-bottom:1px solid;border-color:currentColor}.border-top-thick{border-top:2px solid;border-color:currentColor}.border-top-thin{border-top:1px solid;border-color:currentColor}.border-0{border:0}.header-background{background-color:#2d2d2d}.header-border{border-color:#fff}.header-title{color:#009DDB}.header-text{color:#fff}.header-social{fill:#fff}.header-social-accent{fill:#009DDB}.header-link:hover{color:#009DDB !important}.text-accent{color:#009DDB}.container{max-width:64em}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}@media (max-width: 52em){.sm-width-full{width:100% !important}}.block{display:block !important}.inline-block{display:inline-block !important}.table{display:table !important}.left{float:left}.right{float:right}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.align-middle{vertical-align:middle}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.px-1{padding-left:8px;padding-right:8px}.px-r-1{padding-right:8px}.px-l-1{padding-left:8px}.py-1{padding-top:8px;padding-bottom:8px}.px-2{padding-left:16px;padding-right:16px}.px-r-2{padding-right:16px}.px-l-2{padding-left:16px}.py-2{padding-top:16px;padding-bottom:16px}.px-3{padding-left:32px;padding-right:32px}.px-r-3{padding-right:32px}.px-l-3{padding-left:32px}.py-3{padding-top:32px;padding-bottom:32px}.px-4{padding-left:64px;padding-right:64px}.px-r-4{padding-right:64px}.px-l-4{padding-left:64px}.py-4{padding-top:64px;padding-bottom:64px}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mt-1{margin-top:8px}.mr-1{margin-right:8px}.mb-1{margin-bottom:8px}.ml-1{margin-left:8px}.mt-2{margin-top:16px}.mr-2{margin-right:16px}.mb-2{margin-bottom:16px}.ml-2{margin-left:16px}.mt-3{margin-top:32px}.mr-3{margin-right:32px}.mb-3{margin-bottom:32px}.ml-3{margin-left:32px}.mt-4{margin-top:64px}.mr-4{margin-right:64px}.mb-4{margin-bottom:64px}.ml-4{margin-left:64px}@media (min-width: 52em){.mx-lg-auto{margin-left:auto;margin-right:auto}.mt-lg-0{margin-top:0}.mr-lg-0{margin-right:0}.mb-lg-0{margin-bottom:0}.ml-lg-0{margin-left:0}.mt-lg-1{margin-top:8px}.mr-lg-1{margin-right:8px}.mb-lg-1{margin-bottom:8px}.ml-lg-1{margin-left:8px}.mt-lg-2{margin-top:16px}.mr-lg-2{margin-right:16px}.mb-lg-2{margin-bottom:16px}.ml-lg-2{margin-left:16px}.mt-lg-3{margin-top:32px}.mr-lg-3{margin-right:32px}.mb-lg-3{margin-bottom:32px}.ml-lg-3{margin-left:32px}.mt-lg-4{margin-top:64px}.mr-lg-4{margin-right:64px}.mb-lg-4{margin-bottom:64px}.ml-lg-4{margin-left:64px}}.link-social{text-decoration:none;font-weight:bold;line-height:1}.link-social:hover{text-decoration:none !important}.link-primary{font-weight:bold;text-decoration:none}.link-primary:hover{color:#009DDB;text-decoration:none}#homepage-header{flex-grow:1;background:linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, #2d2d2d 100%),url("http://gamechurch.com/wp-content/uploads/2013/10/ss_a503d355053ab9547ae30e85313055ced4d589a4.1920x1080.jpg");background-repeat:no-repeat;background-position:center 75%;min-height:45vh}#page-header{flex-grow:1;background:linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, #2d2d2d 100%);min-height:10vh}.site-content{display:flex;flex-direction:column}nav{display:flex;flex-direction:row;flex-wrap:wrap}nav ul{width:25%;justify-content:flex-end;list-style:none;margin:0 0 1.5rem 50%;padding:0;display:flex}nav ul a{padding:1rem 2rem}nav ul a:hover{text-decoration:none}nav li{font-family:'Lato', sans-serif;font-weight:400;font-size:0.8rem;background-image:linear-gradient(to bottom, transparent 50%, rgba(162,211,156,0) 95%, #fff 95%);background-size:100% 200%;background-position:top center;color:#666;display:block;text-align:center;text-decoration:none;transition:all .25s ease-in-out;border-bottom:1px solid #ccc}nav li:hover{background-position:bottom center;color:rgba(0,0,0,0.75)}nav li a{color:#fff;display:block;transition:all .25s ease-in-out}nav #selected{background-image:linear-gradient(to bottom, transparent 50%, rgba(162,211,156,0) 95%, #e6e6e6 95%);color:#e6e6e6;border-color:#e6e6e6;background-position:bottom center;color:rgba(0,0,0,0.75)}nav #selected a{color:#e6e6e6;font-weight:900}@keyframes fadein{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}#name{display:flex;flex-direction:column;width:50%;margin-top:5%;margin-left:25%;animation:fadein 2s}#name>p{text-align:center;font-family:'Lato', sans-serif;color:white;font-size:48px;font-weight:300}#name>div{text-align:center}#name-name{margin-bottom:6px}#name-job{font-size:32px !important;margin-bottom:0px}#social{margin:20px;text-align:center}.smGlobalBtn{display:inline-block;position:relative;cursor:pointer;width:50px;height:50px;border:2px solid #ddd;padding:0px;text-decoration:none;text-align:center;color:#fff;font-size:25px;font-weight:normal;line-height:2em;border-radius:27px;-moz-border-radius:27px;-webkit-border-radius:27px;margin-left:10px;transition:color .5s ease-in-out;transition:border-color .5s ease-in-out}.smGlobalBtn:hover{transition:all .5s ease-in-out;color:black;border-color:white;background-color:white}.twitterBtn:before{font-family:"FontAwesome";content:"\f099"}.twitterBtn:hover{text-decoration:none}.githubBtn:before{font-family:"FontAwesome";content:"\f113"}.githubBtn:hover{text-decoration:none}.linkedinBtn:before{font-family:"FontAwesome";content:"\f0e1"}.linkedinBtn:hover{text-decoration:none}#presentation{font-size:1rem}#presentation a:hover{text-decoration:none;border-bottom:1px solid white;transition:border-color 0.3s ease-in-out}#presentation a{border-bottom:1px solid transparent;transition:border-color 0.3s ease-in-out}#presentation p{text-align:center}#projects{flex-grow:1;background:#2d2d2d;padding-top:25px;font-family:'Lato', sans-serif;color:white;font-size:22px;font-weight:300}#projects>div{width:50%;margin-left:auto;margin-right:auto}#projects-filters{display:flex;flex-direction:row;justify-content:space-between !important;margin-bottom:25px}#projects-filters #filter-selected{background-color:#fff;color:black;transition:background-color 0.3s ease-in-out}.projects-selector{display:flex;width:calc(100% / 3 - 10% / 2) !important;border:1px solid #ddd;border-radius:90px;text-align:center;line-height:normal;background-color:transparent;transition:background-color 0.3s ease-in-out;color:white;font-weight:300;cursor:pointer}.projects-selector span{align-self:center;justify-self:center;margin:0 auto}.projects-selector:hover{background-color:#fff;color:black;transition:background-color 0.3s ease-in-out}#projects-container{display:flex;flex-wrap:wrap;flex-direction:row;margin-left:auto;margin-right:auto;margin-bottom:4%}@media (min-width: 768px){.project{width:calc((100% / 3 - 1rem));margin:0.5rem}.square-content p{line-height:1rem}}@media (min-width: 992px){.project{width:calc((100% / 3 - 1rem));margin:0.5rem}.square-content p{line-height:1rem}}@media (min-width: 1200px){.project{width:calc((100% / 4 - 1rem));margin:0.5rem}.square-content p{line-height:1.3rem}}.project>a{display:block;background:#fff}.project>a:hover{text-decoration:none}.square-box{display:flex;overflow:hidden;background-repeat:no-repeat;background-size:contain}.square-box:before{content:'';display:block;padding-top:100%}.square-content{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;max-width:100%;background-color:rgba(62,62,62,0)}.square-content:hover{background-color:rgba(62,62,62,0.85);transition:background-color 0.3s ease-in-out}.square-content:hover h4,.square-content:hover p{opacity:1;transition:opacity 0.3s ease-in-out}.square-content:hover p{opacity:1;transform:translateY(0%);transition:opacity 0.3s, transform 0.3s ease-in-out}.square-content h4{text-align:center;flex-grow:1;width:100%;color:#fff;font-size:1.3vw;font-family:'Lato', sans-serif;font-weight:400;margin:0;padding:0;opacity:0;transition:opacity 0.3s ease-in-out}.square-content p{text-align:center;transform:translateY(50%);flex-grow:1;color:#fff;font-size:1vw;font-family:'Lato', sans-serif;font-weight:300;padding:0 7%;margin:0;width:100%;opacity:0;transition:bottom 0.3s,opacity 0.3s,transform 0.3s cubic-bezier(0.33, 0.66, 0.66, 1)}#contact-form{flex-grow:3;width:50%;margin-left:auto;margin-right:auto;font-weight:900}#contact-form form{display:flex;flex-direction:column;justify-content:center}#contact-form p{text-align:center}#contact-form *{color:white}#contact-form label,#contact-form textarea{display:block}#contact-form input,#contact-form textarea{color:black;border-style:none;box-shadow:0 0 0 1px rgba(0,0,0,0.09);padding-left:1rem;font-family:'Open Sans', sans-serif}#contact-form input{margin-bottom:0.5rem}#contact-form textarea{height:20rem;padding-top:0.5rem;margin-bottom:1rem}#contact-form button{background:none;border:none;color:white;cursor:pointer}#contact-form #mad{font-weight:300}#blog{flex-grow:3;width:50%;margin-left:auto;margin-right:auto;color:white}.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%}#project-content{flex-grow:9;width:50%;margin:0 auto;color:white;display:flex;flex-direction:column}#project-content #project-header{display:flex;flex-direction:row;align-items:baseline;border-bottom:1px solid white}#project-content #project-header *{flex-grow:1}#project-content #project-header #project-title{margin:0}#project-content #project-header #project-date{text-align:right}#project-content #project-infos{display:flex;flex-direction:row;padding-top:2.5vh;padding-bottom:2.5vh;border-bottom:none;background:linear-gradient(#fff, #fff) bottom no-repeat;background-size:75% 1px}#project-content #project-infos #abstract{padding-right:5%;flex-basis:66%}#project-content #project-infos #abstract strong{color:#65c1ff}#project-content #project-infos #abstract #project-link{color:#85ceff;font-weight:900}#project-content #project-infos #infos{font-family:'Roboto', sans-serif;font-weight:300;font-size:0.9rem;margin-left:5%;flex-basis:30%}#project-content #project-infos #infos div{border-left:5px solid white;padding-left:5%}#project-content #project-infos #infos div b{color:#65c1ff}#project-content #banner{margin-top:2vh}#project-content #banner img{width:100%;height:auto}#project-content #project-comp{display:flex;justify-content:space-between;margin-bottom:2vh;font-size:1.1rem}#project-content #project-comp h2{font-size:1.5rem}#project-content #project-comp li{font-weight:300}#project-content #team{flex-basis:38%;font-size:1.1rem}#project-content #team ul{padding-left:3%}#project-content #tasks{flex-basis:58%}#project-content #tasks ul{padding-left:3%}#project-content #post-content{font-weight:300;font-size:1.2rem;width:100%;margin-top:3.5vh;text-align:justify}#project-content #post-content strong{color:#65c1ff}#project-content #post-content a{text-decoration:underline}#project-content #post-content code{font-size:1rem}#project-content #post-content figure{margin:1% 0}#project-content #post-content .hljs-ln-code{padding-left:4%}#project-content #post-content h2{font-size:2rem;margin-top:1rem}#project-content .onpage-screenshot{text-align:center;margin:2% 0}#project-content .onpage-screenshot .img-33{width:33%;height:auto}#project-content .onpage-screenshot .img-100{width:100%;height:auto}#project-content #front,#project-content #lightgallery{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:2vh}#project-content #front .screenshot,#project-content #lightgallery .screenshot{width:32%;cursor:pointer;margin-right:1%}#project-content #front .screenshot img,#project-content #lightgallery .screenshot img{width:100%;height:auto}.blog-block{display:flex;font-family:"Lato", sans-serif;font-weight:300;flex-direction:column;width:75%;margin-bottom:10px}.blog-block h2{font-family:"Lato", sans-serif;font-weight:400;font-size:1.5rem}.blog-block p{font-weight:300;font-size:1rem}.blog-block .border-bottom{border-bottom:1px dashed white}.blog-block a{color:#bfdfff;text-decoration:none;transition:all .25s ease-in-out}.blog-block a:hover{text-decoration:none;cursor:pointer;color:#4fb4f8 !important;transition:all .25s ease-in-out}.blog-block:nth-child(odd){color:white}.blog-block:nth-child(even){color:white}.blog-block .date{text-align:end}#post-content{flex-grow:9;width:50%;margin:0 auto;color:white;display:flex;flex-direction:column;text-align:justify}#post-content h1{font-size:1.5rem}#about{flex-grow:9;width:50%;margin:0 auto;color:white;display:flex;flex-direction:column}#about #about-presentation{display:flex;flex-direction:row;justify-content:space-between}#about #about-presentation #about-me-intro{margin-bottom:1.5em !important}#about #about-presentation #about-me{width:70%;text-align:justify}#about #about-presentation #about-picture{width:20%}#about #about-presentation #about-picture #main-picture{width:100%;height:auto}#about #resume{display:flex;flex-direction:row;justify-content:space-between;margin-top:5%}#about #resume a{width:48%;text-align:center;text-decoration:none}#about #resume a img{width:100%;height:auto}#about a:hover{text-decoration:none}#personal-project-border{color:#3498db;border-bottom:3px solid}#school-project-border{color:#3498db;border-bottom:3px solid}.home-project-background{background-clip:content-box;background-color:#e8e8e8}