*{box-sizing:content-box}html,body,h1,h2,dd,dt,dl{padding:0;margin:0}ul,ul li{list-style:none;padding:0;margin:0}header{position:fixed;width:225px;background:rgba(0,0,0,0.5);height:100vh;left:0;top:0;color:white;padding:17px;z-index:10}header .burger{display:none}header h1{font-size:24px;font-weight:400;margin-bottom:59px;text-transform:uppercase}header li{font-size:24px;margin-bottom:13px;text-transform:uppercase}header li a{display:block;color:white;text-decoration:none}header li a:hover{color:#B8E986}@media (max-width: 768px){header{height:auto}header h1{margin-bottom:0}header .burger{display:block;padding:10px;margin-top:-7px;margin-left:-10px}header .top-menu{display:-webkit-box;display:flex;cursor:pointer}header nav{display:none}header.expanded{background:rgba(0,0,0,0.8)}header.expanded h1{margin-bottom:59px}header.expanded nav{display:block}}section ul{margin-left:5px}section ul li{position:relative}section ul li::before{position:absolute;content:'';background:#d8d8d8;top:6px;height:15px;width:3px;left:-10px}ul.big{margin-left:12px}ul.big li::before{top:10px;height:18px}section{position:relative;padding-left:259px;padding-top:1px;margin-top:-1px}@media (max-width: 768px){section{padding-left:0}}section h2{position:absolute;right:30px;top:30px;color:white;text-transform:uppercase;font-size:28px}section .content{display:inline-block;text-align:left;margin-right:10vw;padding:20px 27px;background:white;margin-top:calc(10vh + 2vw + 30px);font-size:24px;font-weight:300;min-width:40vw;min-height:20vh;margin-bottom:40px}dt{color:#555555;font-size:18px;text-transform:uppercase}dd{color:#555555;font-size:18px;font-weight:300}.section-me{min-height:100vh;background:#000 url(../img/me-compressed.jpg) left center;background-size:cover;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:end;align-items:flex-end;-webkit-box-pack:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0}.section-me .text-me{display:block;width:100%;color:white;font-size:calc(3.5vh + 3.5vw);font-weight:900;text-align:right;padding-right:5%}.section-me .text-me .atlassian{color:#0052CC}.section-me .text-me .js{color:#B8E986}.section-me .text-me .es6{color:#80809E}@media (max-width: 768px) and (orientation: portrait){.section-me .text-me{background:rgba(0,0,0,0.5)}}@media (max-width: 768px) and (orientation: portrait){.section-me{-webkit-box-pack:end;justify-content:flex-end}}.section-timeline{padding-top:115px;padding-bottom:50px;margin-top:100vh;min-height:100vh;background:white}.section-timeline h2{color:#666}.section-timeline .timeline{margin-left:100px;padding-left:125px;border-left:solid 5px #d8d8d8}@media (max-width: 768px){.section-timeline .timeline{margin-left:0;padding:20px;border:0}}.section-timeline .employer-entry{position:relative;padding-bottom:25px}@media (max-width: 768px){.section-timeline .employer-entry{margin-bottom:25px;border-bottom:solid 3px #eee}}.section-timeline .employer-entry .employer-end-date{position:absolute;left:-125px;padding-left:20px;padding-top:4px;font-size:22px;top:10px}.section-timeline .employer-entry .employer-end-date::before{position:absolute;content:'';width:17px;height:17px;left:-21px;border-radius:17px;top:0;border:solid 10px white;background:#D8D8D8}.section-timeline .employer-entry .employer-start-date{position:absolute;left:-125px;padding-left:20px;padding-top:4px;font-size:22px;bottom:0}.section-timeline .employer-entry .employer-start-date::before{position:absolute;content:'';width:17px;height:17px;left:-21px;border-radius:17px;top:0;border:solid 10px white;background:#D8D8D8}@media (max-width: 768px){.section-timeline .employer-entry .employer-start-date,.section-timeline .employer-entry .employer-end-date{display:none}}.section-timeline .employer-logo{margin-bottom:18px;width:20vw}@media (max-width: 480px){.section-timeline .employer-logo{width:80vw}}@media (min-width: 481px) and (max-width: 768px){.section-timeline .employer-logo{width:50vw}}.section-timeline .definition-category{margin-bottom:17px}.section-timeline .definition-category dt{margin-bottom:7px}.section-timeline .definition-category dd{margin-left:6px}.section-timeline .definition-category.conferences iframe{margin-top:10px}@media (max-width: 768px){.section-timeline .definition-category.conferences iframe{display:none}}.section-timeline .definition-category.conferences dd{display:-webkit-box;display:flex;margin-left:0}.section-timeline .definition-category.conferences dd ul{margin-left:20px}.section-timeline .definition-category.conferences dd ul li{margin-bottom:5px}.section-timeline .definition-category.conferences dd ul li span{display:block}.section-timeline .definition-category .projects-innogames{display:-webkit-box;display:flex}@media (max-width: 768px){.section-timeline .definition-category .projects-innogames{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.section-timeline .definition-category .projects-innogames dd img{width:100%;max-width:394px}.section-timeline .definition-category .projects-innogames a{text-decoration:none}.section-timeline .definition-category .projects-innogames a .game-name{display:block;font-size:16px;color:#555555;font-weight:300;text-transform:uppercase;padding-bottom:10px}.section-timeline .definition-category .projects-innogames a:hover .game-name{color:#999}.section-timeline .definition-category.when{display:none}@media (max-width: 768px){.section-timeline .definition-category.when{display:block}}.section-timeline .img-webdevcon,.section-timeline .img-jsconf{max-width:120px;max-height:120px}.section-fun{min-height:100vh;background:#000 url(../img/fun-bg.jpg) center center;background-size:cover;text-align:right}.section-fun a{text-decoration:none;color:#555}.section-fun a:hover{color:#999}.section-fun a a{color:#555}.section-fun img{max-width:80%}.section-snow-and-photo{min-height:100vh;background:#000 url(../img/snow-bg.jpg) center center;background-size:cover;text-align:right}.section-snow-and-photo a{text-decoration:none;color:#777}.section-snow-and-photo a:hover{color:#aaa}.section-contact{min-height:100vh;background:#ddd url(../img/seigaiha.png) repeat;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;text-align:center;color:#999;font-size:calc(4vh + 4vw);font-weight:900;padding-top:80px;padding-right:20px}.section-contact h2{color:#666}@media (min-width: 1024px){.section-contact{font-size:calc(3vh + 3vw)}}.section-contact .photos span{font-size:calc(2vh + 2vw)}.section-contact .icons{margin:10px 30px}.section-contact .icons .icon{color:#666;background:rgba(0,0,0,0.1);width:15vh;height:15vh;margin:10px 2vh;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;text-align:center;text-decoration:none}.section-contact .icons .icon:hover{color:#999;background:rgba(0,0,0,0.2)}.renderer{position:relative}