article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus,a:active,a:hover{outline:none}h1,h2,h3,h4,h5,h6{margin:0}p,pre{margin:0}dl,menu,ol,ul{margin:0}menu,ol,ul{padding:0}nav ul,nav ol,ul,ol{list-style:none;list-style-image:none}li>p{padding-top:0}a{outline:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}figure{margin:0}::-moz-selection{background:rgba(245,242,3,.5);text-shadow:none}::selection{background:rgba(245,242,3,.5);text-shadow:none}audio,canvas,img,video{vertical-align:middle}.visually-hidden{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip:rect(0, 0, 0, 0);position:absolute}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video,object{max-width:100%}button:focus,*:focus{outline:0 !important}.hilight{font-weight:700;font-family:"Raleway",sans-serif;color:gray}.hilight i{font-weight:400}.hilight-marker{white-space:nowrap;position:relative}.hilight-marker::before{content:"";position:absolute;top:6px;left:0;width:100%;height:90%;background-color:#ececeb;z-index:-1}a:link,a:visited,a:hover,a:active{color:#2a363b;text-decoration:none;cursor:pointer}html,body,button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}html,body{width:100%;height:100%}html{font-size:calc(.625em + 0vw)}body{font-family:"Josefin Sans",sans-serif;font-size:10px}html,body{min-height:100%;height:100%}body{text-rendering:optimizeLegibility;overflow:hidden}body.active-inner{overflow-x:hidden;overflow-y:auto}@media all and (orientation: landscape){body.touchy .landscape-overlay{display:block}}body.touchy .cookiebanner{left:50% !important}body .cookiebanner{width:40% !important}@media(max-width: 650px){body .cookiebanner{width:80% !important}}body .landscape-overlay{display:none;width:100%;height:100%;position:relative;z-index:9;color:#ccc;background-color:#00a}body .landscape-overlay .landscape-overlay__text{width:80%;margin:0 auto;padding-top:10%;text-align:center;font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;font-weight:800}body .landscape-overlay .landscape-overlay__text .title{font-size:15px;line-height:22.5px;font-size:1.5rem;line-height:2.25rem;text-align:center;display:inline-block;background-color:#ccc;color:#00a;margin:0px auto 10px;padding:0 10px}body .landscape-overlay .landscape-overlay__text .desc{font-size:13px;line-height:19.5px;font-size:1.3rem;line-height:1.95rem;text-align:left}body .landscape-overlay .landscape-overlay__text .desc.list{padding:10px 0}.playground{height:100%;position:relative;overflow:hidden;background-color:#ececeb}.active .playground{overflow-x:hidden}.touchy.active-inner .playground .controls-touch{transform:translate3d(0, 0, 0);z-index:9}.playground .playground__content{position:relative;z-index:8;float:left;width:calc(100% - 70px);height:100%;padding:0 2%;font-size:80px;line-height:120px;font-size:8rem;line-height:12rem;line-height:90px;line-height:9rem;text-align:center;color:#2a363b;transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1)}.touchy .playground .playground__content{height:90%;width:100%}.active-inner .playground .playground__content{transform:translate3d(-100vw, 0, 0)}.active-inner .playground .playground__content .page .page--title,.active-inner .playground .playground__content .page .module .module--title,.active-inner .playground .playground__content .page .page--text,.active-inner .playground .playground__content .page .page--text-inner{transform:translate3d(0, 30px, 0)}.active-inner--second .playground .playground__content{transform:translate3d(-200vw, 0, 0)}.playground .playground__content .playground__content__title{font-size:92px;line-height:138px;font-size:9.2rem;line-height:13.8rem;font-weight:700;transform:translate3d(0, -20px, 0);padding-top:10%;padding-bottom:0;text-transform:uppercase;letter-spacing:.15em}@media(max-width: 950px){.playground .playground__content .playground__content__title{padding-top:20%;font-size:60px;line-height:90px;font-size:6rem;line-height:9rem;line-height:70px;line-height:7rem}}@media(max-width: 650px){.playground .playground__content .playground__content__title{padding-top:30%;font-size:60px;line-height:90px;font-size:6rem;line-height:9rem;line-height:70px;line-height:7rem}}.playground .playground__content .playground__content__description{font-size:30px;line-height:45px;font-size:3rem;line-height:4.5rem;line-height:40px;line-height:4rem;font-family:"Raleway",sans-serif;font-weight:400;transform:translate3d(0, -20px, 0);padding:20px;position:relative}@media(max-width: 950px){.playground .playground__content .playground__content__description{font-size:20px;line-height:30px;font-size:2rem;line-height:3rem;line-height:20px;line-height:2rem}}@media(max-width: 650px){.playground .playground__content .playground__content__description{font-size:18px;line-height:27px;font-size:1.8rem;line-height:2.7rem;line-height:20px;line-height:2rem}}.playground .playground__content .playground__content__description::before{content:"";display:block;transition:all 4s cubic-bezier(0.23, 1, 0.32, 1) .6s;width:1px;height:20px;background-color:#b3b3b3;position:absolute;left:50%;top:-2px;transform:translate3d(-50%, 0, 0) scaleY(0)}@media all and (min-width: 950px){.playground .playground__content .playground__content__description::before{height:40px;left:50%;top:-24px}}.playground .playground__content .playground__content-instructions{font-size:15px;line-height:22.5px;font-size:1.5rem;line-height:2.25rem;line-height:40px;line-height:4rem;font-family:"Raleway",sans-serif;text-transform:uppercase;font-weight:400;display:flex;flex-direction:row;justify-content:center;align-items:center;transform:translate3d(0, -20px, 0)}.playground .playground__content .playground__content-instructions:link,.playground .playground__content .playground__content-instructions:visited,.playground .playground__content .playground__content-instructions:hover,.playground .playground__content .playground__content-instructions:active{color:gray;text-decoration:none}.playground .playground__content .playground__content-instructions:hover{color:#2a363b}.playground .playground__content .playground__content-instructions .playground__content-instructions-arrow,.playground .playground__content .playground__content-instructions .playground__content-instructions-pause{border-radius:5px;border:1px solid #ececeb;width:22px;height:22px;display:flex;justify-content:center;align-items:center;margin:0 4px;padding-bottom:2px}.playground .playground__content .playground__content-instructions .playground__content-instructions-pause{border-radius:50%;border:1px solid #ececeb;width:28px;height:28px;display:flex;justify-content:center;align-items:center;margin:0 4px}.playground .playground__content .playground__background{width:100%;height:100%;border:0;position:absolute;left:0;right:0;top:0;z-index:-1}.playground .playground__nav{position:relative;transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1);color:#2a363b;float:right;background:#ececeb;width:70px;height:100%;z-index:99}.touchy .playground .playground__nav{display:none}.active-inner .playground .playground__nav,.active-inner--second .playground .playground__nav{position:fixed;right:0;top:0;z-index:7;transform:translate3d(calc(-100vw + 70px), 0, 0)}.playground .playground__nav .playground__nav-title{transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1);transform:rotate(90deg) translate3d(-40px, 0, 0);width:100px;font-size:16px;line-height:24px;font-size:1.6rem;line-height:2.4rem;line-height:70px;transform-origin:left bottom;text-transform:uppercase;color:#bcbcbc}.playground .playground__nav .playground__nav-title a:link,.playground .playground__nav .playground__nav-title a:visited,.playground .playground__nav .playground__nav-title a:hover,.playground .playground__nav .playground__nav-title a:active{color:#2a363b;text-decoration:none}.playground .playground__nav .social-nav{padding-top:60px;transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link{padding:10px 0;text-align:center}.playground .playground__nav .social-nav .social-nav__link .ico{vertical-align:top;display:block;transform:translate3d(100%, 0, 0)}.playground .playground__nav .social-nav .social-nav__link .ico.load{transform:translate3d(0, 0, 0)}.playground .playground__nav .social-nav .social-nav__link .ico .menu__item--label{color:gray;font-size:12px;line-height:18px;font-size:1.2rem;line-height:1.8rem}.playground .playground__nav .social-nav .social-nav__link .ico:hover .menu__item--label{color:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico img,.playground .playground__nav .social-nav .social-nav__link .ico svg{width:70px;height:32px;transition:all .6s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link .ico.game .menu__item--label{color:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.game path{transition:transform .6s cubic-bezier(0.64, 0.57, 0.47, 1.29) 0s;stroke:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.game rect{transition:transform .6s cubic-bezier(0.64, 0.57, 0.47, 1.29) 0s;fill:#2a363b}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.game path,.active-inner--second .playground .playground__nav .social-nav .social-nav__link .ico.game path{stroke:gray}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.game rect,.active-inner--second .playground .playground__nav .social-nav .social-nav__link .ico.game rect{fill:gray}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.game .menu__item--label,.active-inner--second .playground .playground__nav .social-nav .social-nav__link .ico.game .menu__item--label{color:gray}.playground .playground__nav .social-nav .social-nav__link .ico.game:hover path{transition:transform .6s cubic-bezier(0.64, 0.57, 0.47, 1.29) 0s;stroke:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.game:hover path#top-pad{transform:translate3d(-5px, 0, 0)}.playground .playground__nav .social-nav .social-nav__link .ico.game:hover path#bottom-pad{transform:translate3d(5px, 0, 0)}.playground .playground__nav .social-nav .social-nav__link .ico.game:hover rect{fill:#2a363b;transition:transform .6s cubic-bezier(0.64, 0.57, 0.47, 1.29) 0s;transform:translate3d(-2px, 2px, 0)}.playground .playground__nav .social-nav .social-nav__link .ico.game:hover .menu__item--label{color:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.cv .clear-path{fill:none}.playground .playground__nav .social-nav .social-nav__link .ico.cv path{stroke:gray}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.cv path{stroke:#2a363b}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.cv .menu__item--label{color:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.cv:hover path{stroke:#2a363b}.active-inner .playground .playground__nav .social-nav .social-nav__link .ico.cv:hover path{stroke:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.medium path,.playground .playground__nav .social-nav .social-nav__link .ico.medium circle{stroke:gray}.playground .playground__nav .social-nav .social-nav__link .ico.medium ellipse{fill:gray}.playground .playground__nav .social-nav .social-nav__link .ico.medium:hover path,.playground .playground__nav .social-nav .social-nav__link .ico.medium:hover circle{stroke:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.medium:hover ellipse{fill:#2a363b}.playground .playground__nav .social-nav .social-nav__link .ico.linkedin path{fill:gray}.playground .playground__nav .social-nav .social-nav__link .ico.linkedin:hover path{fill:#2a363b}.playground .playground__nav .social-nav .social-nav__link:nth-child(1) .ico{transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link:nth-child(2) .ico{transition:all 2s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link:nth-child(3) .ico{transition:all 3s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link:nth-child(4) .ico{transition:all 4s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .social-nav .social-nav__link:nth-child(5) .ico{transition:all 5s cubic-bezier(0.23, 1, 0.32, 1)}.playground .playground__nav .hashtag{position:absolute;bottom:10px;left:0;right:0;font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem;text-align:center;text-decoration:none}.playground .playground__nav .hashtag:link,.playground .playground__nav .hashtag:visited,.playground .playground__nav .hashtag:hover,.playground .playground__nav .hashtag:active{color:#2a363b;text-decoration:none}.playground .playground__nav .hashtag .bubble{font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem;line-height:21px;line-height:2.1rem;background-color:#fcfcfc;color:#2a363b;border-color:#7f7f7f;width:55px;height:20px;border-width:0px;border-radius:2px;position:relative;margin:0 auto;opacity:0}.playground .playground__nav .hashtag .bubble .pointer{position:absolute;border-style:solid;border-width:7px 6px 0;border-color:#fcfcfc rgba(0,0,0,0);display:block;width:0;z-index:1;bottom:-5px;left:22px}.playground .playground__nav .hashtag .me{padding-bottom:0}.playground .page__nav{width:0;padding-right:20px;position:fixed;top:133px;left:70px}@media all and (min-width: 1024px){.playground .page__nav{width:calc(100vw - 75vw - 70px - 35px);padding-right:40px}}.playground .page__nav::before{content:"";display:block;transition:all 4s cubic-bezier(0.23, 1, 0.32, 1) .6s;width:1px;height:50px;background-color:#b3b3b3;position:absolute;right:20px;top:-65px;transform:scaleY(0)}@media all and (min-width: 1024px){.playground .page__nav::before{right:40px}}.playground .page__nav li{position:relative;transform:translate3d(0, -30px, 0);opacity:0;text-align:right;overflow:hidden;font-size:15px;line-height:22.5px;font-size:1.5rem;line-height:2.25rem;line-height:20px;line-height:2rem;font-weight:700;text-transform:uppercase;font-style:normal}@media all and (min-width: 1300px){.playground .page__nav li{font-size:25px;line-height:37.5px;font-size:2.5rem;line-height:3.75rem;line-height:40px;line-height:4rem}}.playground .page__nav li a{transition:all 1s cubic-bezier(0.23, 1, 0.32, 1);text-decoration:none;color:gray;position:relative}.playground .page__nav li a::before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#ececeb;transform:translate3d(-100%, 0, 0);transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1)}.playground .page__nav li a:hover{color:#2a363b}.playground .page__nav li.active a{color:#2a363b}.playground .page__nav li.active a::before{transform:translate3d(100%, 0, 0)}.playground .page__nav.load::before,.playground .page__nav.load::after{transform:scaleY(1)}.playground .page__nav.load li{transform:translate3d(0, 0, 0);opacity:1}.playground .page__nav li:nth-child(4){transition:all 1s cubic-bezier(0.23, 1, 0.32, 1) .6s}.playground .page__nav li:nth-child(3){transition:all 2s cubic-bezier(0.23, 1, 0.32, 1) .6s}.playground .page__nav li:nth-child(2){transition:all 3s cubic-bezier(0.23, 1, 0.32, 1) .6s}.playground .page__nav li:nth-child(1){transition:all 4s cubic-bezier(0.23, 1, 0.32, 1) .6s}.playground #page--pong .score__number{display:none}.playground #page--pong.playing{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.playground #page--pong.playing .playground__content__title,.playground #page--pong.playing .playground__content__description{display:none}.playground #page--pong.playing .score__number{display:block;color:rgba(128,128,128,.5);font-size:140px;line-height:210px;font-size:14rem;line-height:21rem}@media all and (min-width: 1200px){.playground #page--pong.playing .score__number{font-size:240px;line-height:360px;font-size:24rem;line-height:36rem}}.playground .page{width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;position:absolute;z-index:9;top:0;left:0;background-color:#fcfcfc;transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1);-webkit-overflow-scrolling:touch}.playground .page#page--about-me{transform:translate3d(calc(100vw + 70px), 0, 0);width:calc(100vw - 70px);padding-bottom:100px}.touchy .playground .page#page--about-me{transform:translate3d(100vw, 0, 0);width:100vw}.playground .page#page--about-me .disclaimer{font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem;color:gray;text-align:center;padding-bottom:50px;padding-bottom:5rem}.touchy .playground .page#page--about-me .disclaimer{padding-bottom:80px;padding-bottom:8rem}@media all and (min-width: 1024px){.playground .page#page--about-me{padding-bottom:0;transform:translate3d(calc(125vw - 35px), 0, 0);width:calc(75vw + 35px)}}.playground .page#page--codepen{transform:translate3d(calc(200vw + 70px), 0, 0)}.playground .page .page__wrap{padding:20% 5% 0}@media all and (min-width: 650px){.playground .page .page__wrap{padding:calc(10% - 30px) 15% 10%}}.playground .page .page--title,.playground .page .module .module--title,.playground .page .page--text{transition:transform 2s cubic-bezier(0.23, 1, 0.32, 1)}.playground .page .page--title,.playground .page .module .module--title{font-size:40px;line-height:60px;font-size:4rem;line-height:6rem;line-height:46px;line-height:4.6rem;text-transform:uppercase;text-align:left;color:#2a363b}@media all and (min-width: 650px){.playground .page .page--title,.playground .page .module .module--title{font-size:60px;line-height:90px;font-size:6rem;line-height:9rem;line-height:65px;line-height:6.5rem}}@media all and (min-width: 950px){.playground .page .page--title,.playground .page .module .module--title{font-size:60px;line-height:90px;font-size:6rem;line-height:9rem;line-height:65px;line-height:6.5rem}}@media all and (min-width: 1300px){.playground .page .page--title,.playground .page .module .module--title{font-size:90px;line-height:135px;font-size:9rem;line-height:13.5rem;line-height:95px;line-height:9.5rem}}.playground .page .page--text{color:gray;font-size:16px;line-height:24px;font-size:1.6rem;line-height:2.4rem;padding-top:60px;padding-top:6rem;font-family:"Raleway",sans-serif;text-align:left;font-weight:400}.playground .page .page--text:first-child{padding-top:0px;padding-top:0rem}@media all and (min-width: 650px){.playground .page .page--text{font-size:18px;line-height:27px;font-size:1.8rem;line-height:2.7rem}.playground .page .page--text:first-child{padding-top:14px;padding-top:1.4rem}}@media all and (min-width: 1300px){.playground .page .page--text{font-size:20px;line-height:30px;font-size:2rem;line-height:3rem}}.playground .page .page--text a:link,.playground .page .page--text a:visited,.playground .page .page--text a:hover,.playground .page .page--text a:active{color:#2a363b;text-decoration:underline}.playground .page .page--text a:hover{text-decoration:underline}.playground .page .page--text .cv{text-decoration:underline;display:inline-block}@media all and (min-width: 950px){.playground .page .page--text .cv{display:inline}}.playground .page .module{text-align:left}.playground .page .module .ico{display:block;width:35px}@media all and (min-width: 950px){.playground .page .module .ico{width:40px}}.playground .page .module .module--title{transform:translate3d(0%, 0, 0);position:relative;display:inline-block;font-size:30px;line-height:45px;font-size:3rem;line-height:4.5rem;line-height:36px;line-height:3.6rem;padding-top:60px;padding-top:6rem;text-shadow:none}@media all and (min-width: 650px){.playground .page .module .module--title{font-size:40px;line-height:60px;font-size:4rem;line-height:6rem;line-height:45px;line-height:4.5rem;padding-top:100px;padding-top:10rem}}@media all and (min-width: 950px){.playground .page .module .module--title{font-size:50px;line-height:75px;font-size:5rem;line-height:7.5rem;line-height:55px;line-height:5.5rem}}@media all and (min-width: 1300px){.playground .page .module .module--title{font-size:60px;line-height:90px;font-size:6rem;line-height:9rem;line-height:65px;line-height:6.5rem}}.playground .page .module .module--title:before,.playground .page .module .module--title:after{content:"";display:block;width:35px;height:7px;background:#2a363b;transition:transform .6s cubic-bezier(0.23, 1, 0.32, 1);transform:translate3d(0, 0, 0) scaleX(1)}@media all and (min-width: 650px){.playground .page .module .module--title:before,.playground .page .module .module--title:after{width:50px;height:10px}}.playground .page .module .module--title:before{transform:translate3d(100%, 0, 0) scaleX(1);margin-bottom:10px;margin-bottom:1rem}@media all and (min-width: 650px){.playground .page .module .module--title:before{margin-bottom:12px;margin-bottom:1.2rem}}.playground .page .module .module--subtitle{position:relative;font-family:"Raleway",sans-serif;font-size:18px;line-height:27px;font-size:1.8rem;line-height:2.7rem;line-height:26px;line-height:2.6rem}@media all and (min-width: 650px){.playground .page .module .module--subtitle{padding-bottom:70px;padding-bottom:7rem}}@media all and (min-width: 768px){.playground .page .module .module--subtitle{font-size:28px;line-height:42px;font-size:2.8rem;line-height:4.2rem;line-height:34px;line-height:3.4rem;padding-bottom:70px;padding-bottom:7rem}}.playground .page .module .module--subtitle::after{content:"";display:none;transition:all 4s cubic-bezier(0.23, 1, 0.32, 1) .6s;width:1px;height:50px;background-color:#ccc;position:absolute;left:5px;top:42px;transform:scaleY(0)}@media all and (min-width: 650px){.playground .page .module .module--subtitle::after{display:block}}.playground .page .module.visible .module--title::before{transform:translate3d(0, 0, 0) scaleX(1)}.playground .page .module.visible .module--title::after{transform:translate3d(100%, 0, 0) scaleX(1)}.playground .page .module.visible .module--subtitle::after{transform:scaleY(1)}.playground .page .module.visible .page--text{transform:translate3d(0, 0, 0)}.playground .page .module.visible .side-note{transform:translate3d(0, 0, 0)}.playground .page .module.visible#about-me__hobbies.hobbies .photo__wall .hint:before{transform:scaleX(1)}.playground .page #about-me__intro .medium__articles--list{margin:4rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.touchy .playground .page #about-me__intro .medium__articles--list{overflow:scroll;flex-wrap:nowrap;justify-content:flex-start;flex-direction:row}@media all and (min-width: 700px){.playground .page #about-me__intro .medium__articles--list{justify-content:flex-start;flex-direction:row}}.playground .page #about-me__intro .medium__articles--list .medium__article{margin-right:0;margin-bottom:4rem}.touchy .playground .page #about-me__intro .medium__articles--list .medium__article{padding-right:3rem}@media all and (min-width: 700px){.playground .page #about-me__intro .medium__articles--list .medium__article{margin-right:4rem}}.playground .page #about-me__intro .medium__articles--list .medium__article:last-child{margin-right:0}.touchy .playground .page #about-me__intro .medium__articles--list .medium__article:last-child{margin-right:3rem}.playground .page #about-me__intro .medium__articles--list .medium__article a:hover img{transition:all .6s cubic-bezier(0.215, 0.61, 0.355, 1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.playground .page #about-me__intro .medium__articles--list .medium__article img{width:200px;display:block;box-shadow:10px 10px 20px rgba(0,0,0,.1);border-radius:10px;border:1px solid #2a363b;transition:all .6s cubic-bezier(0.215, 0.61, 0.355, 1);opacity:0}.touchy .playground .page #about-me__intro .medium__articles--list .medium__article img{max-width:250px}.playground .page #about-me__intro .medium__articles--list .medium__article img.show{opacity:1}.playground .page #about-me__clients .pre-list{padding-bottom:20px}.playground .page #about-me__clients .clients .page--text{-moz-columns:2;columns:2;padding-bottom:14px;padding-bottom:1.4rem}@media all and (min-width: 950px){.playground .page #about-me__clients .clients .page--text{-moz-columns:4;columns:4}}.playground .page #about-me__clients .clients .page--text .hilight{display:block;padding-bottom:20px}.playground .page #about-me__clients .clients .page--text .hilight .ex{display:block;font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem}@media all and (min-width: 650px){.playground .page #about-me__clients .clients .page--text .hilight .ex{font-size:12px;line-height:18px;font-size:1.2rem;line-height:1.8rem}}.playground .page #about-me__project .latest-project{position:relative;padding-top:0px;padding-top:0rem;zoom:1;border-radius:5px;background-color:#f1f2f2;padding:0;box-shadow:10px 10px 20px rgba(0,0,0,.1);overflow:hidden;margin:5rem 0;transition:all .6s cubic-bezier(0.215, 0.61, 0.355, 1)}.playground .page #about-me__project .latest-project:before{content:"";display:block}.playground .page #about-me__project .latest-project:after{content:"";display:table;clear:both}.playground .page #about-me__project .latest-project .latest-project__details{text-align:left;position:static;float:none;width:100%;padding-left:0;padding-bottom:40px}@media all and (min-width: 650px){.playground .page #about-me__project .latest-project .latest-project__details{width:50%;float:right;padding-left:20px;padding-bottom:0px}}.playground .page #about-me__project .latest-project .latest-project__credits{font-family:"Raleway",sans-serif;color:gray;font-size:14px;line-height:21px;font-size:1.4rem;line-height:2.1rem;line-height:20px;line-height:2rem}.playground .page #about-me__project .latest-project .latest-project__credits a:link,.playground .page #about-me__project .latest-project .latest-project__credits a:visited,.playground .page #about-me__project .latest-project .latest-project__credits a:hover,.playground .page #about-me__project .latest-project .latest-project__credits a:active{text-decoration:underline}@media all and (min-width: 650px){.playground .page #about-me__project .latest-project .latest-project__credits{font-size:16px;line-height:24px;font-size:1.6rem;line-height:2.4rem;line-height:20px;line-height:2rem}}.playground .page #about-me__project .latest-project .latest-project__media{width:100%;position:relative;height:300px}.playground .page #about-me__project .latest-project .latest-project__media video{width:100%}.touchy .playground .page #about-me__project .latest-project .latest-project__media{height:200px}.touchy .playground .page #about-me__project .latest-project .latest-project__media video{display:none}.playground .page #about-me__project .latest-project .latest-project__media a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}@media all and (min-width: 650px){.playground .page #about-me__project .latest-project .latest-project__media{width:50%;float:left}}.playground .page #about-me__project .latest-project .latest-project__media::before{content:"";transform:scaleX(1);transform-origin:left center;transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1);display:block;width:100%;height:100%;background-color:#fcfcfc;position:absolute;top:0;left:0}.playground .page #about-me__project .latest-project:hover{transition:all .6s cubic-bezier(0.215, 0.61, 0.355, 1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.playground .page #about-me__project .latest-project#project-bbc .latest-project__media.item1{background:url("/dist/images/projects/bbc.png") 0 0 no-repeat;background-size:cover}.playground .page #about-me__project .latest-project#project-icons .latest-project__media.item2{background:url("/dist/images/projects/sdablife_iconset.png") 0 0 no-repeat;background-size:cover}.playground .page #about-me__project .latest-project#project-video .latest-project__media.item3{background:url("/dist/images/projects/campus_video.jpg") 0 0 no-repeat;background-size:cover}.playground .page #about-me__project .latest-project#project-cards .latest-project__media.item4{background:url("/dist/images/projects/product_cards.png") 0 0 no-repeat;background-size:cover}.playground .page #about-me__project.visible .latest-project .latest-project__media::before{transform:scaleX(0)}.playground .page .stuff-i-do{padding-top:40px}.playground .page .stuff-i-do li{font-size:17px;line-height:25.5px;font-size:1.7rem;line-height:2.55rem;color:#2a363b;text-align:left}@media all and (min-width: 650px){.playground .page .stuff-i-do li{font-size:25px;line-height:37.5px;font-size:2.5rem;line-height:3.75rem}}.playground .page .stuff-i-do .ex{font-size:12px;line-height:18px;font-size:1.2rem;line-height:1.8rem}@media all and (min-width: 650px){.playground .page .stuff-i-do .ex{font-size:14px;line-height:21px;font-size:1.4rem;line-height:2.1rem}}.playground .page #about-me__downloadcv{text-align:left}.playground .page #about-me__downloadcv .module--title{margin-bottom:40px;width:100%}.playground .page #about-me__downloadcv .page--text{padding-top:0}.playground .page #about-me__downloadcv .ico{margin-top:30px}.playground .page #about-me__hobbies{text-align:left;position:relative;padding-top:24px;padding-top:2.4rem;padding-bottom:100px;padding-bottom:10rem;zoom:1}@media all and (min-width: 650px){.playground .page #about-me__hobbies{padding-top:25px;padding-top:2.5rem}}.playground .page #about-me__hobbies:before{content:"";display:block}.playground .page #about-me__hobbies:after{content:"";display:table;clear:both}.playground .page #about-me__hobbies .side-note{font-family:"Raleway",sans-serif;position:relative;text-align:left;padding:0 10px 10px 0;margin-bottom:15px;margin-bottom:1.5rem;color:gray;font-size:16px;line-height:24px;font-size:1.6rem;line-height:2.4rem}@media all and (min-width: 650px){.playground .page #about-me__hobbies .side-note{font-size:20px;line-height:30px;font-size:2rem;line-height:3rem;margin-bottom:40px;margin-bottom:4rem}}.playground .page #about-me__hobbies .side-note a:link,.playground .page #about-me__hobbies .side-note a:visited,.playground .page #about-me__hobbies .side-note a:hover,.playground .page #about-me__hobbies .side-note a:active{color:#2a363b;text-decoration:underline}.playground .page #about-me__hobbies .icons{position:absolute;left:60%;top:50%;transform:translate3d(0%, -50%, 0);width:30%}.playground .page #about-me__hobbies .photo__wall{overflow:hidden}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper{display:flex;flex-direction:row;position:relative;width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;transition:all .6s cubic-bezier(0.215, 0.61, 0.355, 1);transform:scale(0.98);will-change:transform;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper.active,.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper:hover{background:rgba(255,255,255,.3);cursor:grabbing;cursor:-webkit-grabbing;transform:scale(1)}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo{display:inline-block;background-color:rgba(245,242,3,.5);background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:0;transition:opacity .6s cubic-bezier(0.215, 0.61, 0.355, 1);margin:1rem .5rem;min-height:200px;min-width:200px;border-radius:5px}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo:first-child{margin-left:0}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo:last-child{margin-right:0}@media all and (min-width: 650px){.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo{min-height:250px;min-width:400px;margin:2rem 1rem}}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item1{opacity:1;background-image:url("https://drscdn.500px.org/photo/1071176671/q%3D80_m%3D600/v2?sig=46bb1efa676da12557c1032e5ec1bb126f5348d97bc546de0b3aa4926ced0224")}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item2{opacity:1;background-image:url("https://drscdn.500px.org/photo/1093450435/q%3D90_m%3D2048/v2?sig=3668cc082ec0d423e6baa70e2bfa58f8fb1829303f656900f3aeddce2650254d")}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item3{opacity:1;background-image:url("https://drscdn.500px.org/photo/1055109515/m%3D900/v2?sig=f3d1f67a18acbb9b708f2e243ea2b95c367f76eac5ba8ae2f7f1498306274e11")}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item4{opacity:1;background-image:url("https://images.unsplash.com/photo-1531083894382-04a4f09c998f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80 870w")}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item5{opacity:1;background-image:url("https://images.unsplash.com/photo-1639161775388-db5b5d5cc9eb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1005&q=80 1005w");background-size:110%}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item6{opacity:1;background-image:url("https://drscdn.500px.org/photo/1093450758/q%3D80_m%3D600/v2?sig=dfb3f91eceadcd33c2b8fc11429a2554cbf5ff684a50f46728319bacb69e7582")}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item7{opacity:1;background-image:url("https://images.unsplash.com/photo-1638977557338-15b7774688d5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1069&q=100 1069w");background-size:200%}.playground .page #about-me__hobbies .photo__wall .photo__wall--photos-wrapper .photo__wall--photo.item8{opacity:1;background-image:url("https://drscdn.500px.org/photo/243565655/q%3D80_m%3D600/v2?sig=99e542180d400a2320e5046f3deb3b4ea6c937d509edbe2d863bc76a52f28513")}.playground .page #about-me__hobbies .photo__wall .hint{position:relative;font-size:12px;line-height:18px;font-size:1.2rem;line-height:1.8rem;text-transform:uppercase;color:#b3b3b3;padding-top:10px;content:"hello"}.playground .page #about-me__hobbies .photo__wall .hint:before{content:"";display:block;transition:all 4s cubic-bezier(0.215, 0.61, 0.355, 1) .6s;width:50px;height:1px;background-color:#b3b3b3;position:absolute;left:0;top:3px;transform:scaleX(0);transform-origin:left center}.playground .controls-touch{position:relative;float:left;width:calc(100% - 70px);height:10%;position:relative;display:flex;justify-content:space-around;align-items:center;background-color:#fcfcfc;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.touchy .playground .controls-touch{width:100%}.playground .controls-touch .controls-touch__highlighter{width:20%;height:100%;background:#dcdcdc;display:block;position:absolute;left:0;top:0;z-index:0;transition:all .1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.playground .controls-touch .controls-touch__menu--item{width:20%;display:flex;justify-content:center;height:100%;align-items:center}.playground .controls-touch .controls-touch__menu--item .swipe-hint{width:40px;height:auto}.playground .controls-touch .controls-touch__menu--item .item__home path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:#2a363b}.playground .controls-touch .controls-touch__menu--item .item__home rect{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:#2a363b}.playground .controls-touch .controls-touch__menu--item .item__cv path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.playground .controls-touch .controls-touch__menu--item .item__play path.stroke{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.playground .controls-touch .controls-touch__menu--item .item__play path.fill{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.playground .controls-touch .controls-touch__menu--item .item__medium path,.playground .controls-touch .controls-touch__menu--item .item__medium circle{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.playground .controls-touch .controls-touch__menu--item .item__medium ellipse{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.playground .controls-touch .controls-touch__menu--item .item__linkedin path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.playground .controls-touch .controls-touch__menu--item .menu__item--label{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);color:gray}.playground .controls-touch .controls-touch__menu--item .hp .menu__item--label{color:#2a363b}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .item__home path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .item__home rect{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .hp .menu__item--label{color:gray}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .item__cv path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:#2a363b}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .item__play path.stroke{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .item__play path.fill{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.touchy.active-inner .playground .controls-touch .controls-touch__menu--item .about-me .menu__item--label{color:#2a363b}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .item__home path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .item__home rect{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:gray}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .hp .menu__item--label{color:gray}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .item__cv path{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:gray}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .about-me .menu__item--label{color:gray}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .item__play path.stroke{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);stroke:#2a363b}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .item__play path.fill{transition:all .6s cubic-bezier(0.23, 1, 0.32, 1);fill:#2a363b}.touchy.playingTouch .playground .controls-touch .controls-touch__menu--item .play-me .menu__item--label{color:#2a363b}.playground .controls-touch .controls-touch__menu--item .anchor{display:flex;flex-direction:column;align-items:center;justify-content:space-around;font-size:14px;line-height:21px;font-size:1.4rem;line-height:2.1rem;position:relative;z-index:1}.playground .controls-touch .controls-touch__menu--item svg{width:36px;height:36px}.playground .controls-touch .hashtag{font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem;text-align:center;text-decoration:none}.playground .controls-touch .hashtag:link,.playground .controls-touch .hashtag:visited,.playground .controls-touch .hashtag:hover,.playground .controls-touch .hashtag:active{color:#2a363b;text-decoration:none}.playground .controls-touch .hashtag .bubble{font-size:10px;line-height:15px;font-size:1rem;line-height:1.5rem;line-height:21px;line-height:2.1rem;background-color:#fcfcfc;color:#2a363b;border-color:#7f7f7f;width:55px;height:20px;border-width:0px;border-radius:2px;position:relative;margin:0 auto;opacity:0}.playground .controls-touch .hashtag .bubble .pointer{position:absolute;border-style:solid;border-width:7px 6px 0;border-color:#fcfcfc rgba(0,0,0,0);display:block;width:0;z-index:1;bottom:-5px;left:22px}.active-inner .playground .controls-touch,.playground .controls-touch .active-inner--second{transform:translate3d(-100vw, 0, 0)}.playground .controls-touch .btns{width:100%;height:100%;zoom:1}.playground .controls-touch .btns:before{content:"";display:block}.playground .controls-touch .btns:after{content:"";display:table;clear:both}.playground .controls-touch .btns .btns__key{border:none;width:50%;height:100%;display:block;background-color:rgba(0,0,0,0);background-image:url("../images/bt.svg");background-size:40px 40px;background-repeat:no-repeat;background-position:center center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.playground .controls-touch .btns #key-sx{float:left;transform:rotate(180deg)}.playground .controls-touch .btns #key-dx{float:right}.playground.load .playground__content{border-right:1px solid #ccc}.touchy .playground.load .playground__content{border-right:0}.active-inner .playground.load .playground__content,.active-inner--second .playground.load .playground__content{border-right:0}.playground.load .playground__content .load__element:nth-child(1){transform:translate3d(0, 0, 0);transition:all 1s cubic-bezier(0.23, 1, 0.32, 1)}.playground.load .playground__content .load__element:nth-child(2){transform:translate3d(0, 0, 0);transition:all 2s cubic-bezier(0.23, 1, 0.32, 1)}.playground.load .playground__content .load__element:nth-child(3){transform:translate3d(0, 0, 0);transition:all 3s cubic-bezier(0.23, 1, 0.32, 1)}.playground.load .playground__content .load__element:nth-child(4){transform:translate3d(0, 0, 0);transition:all 4s cubic-bezier(0.23, 1, 0.32, 1)}.playground.load .playground__content .load__element:nth-child(3){display:flex;width:100%;justify-content:center;align-items:center}.playground.load .playground__content .playground__content__description::before{transform:translate3d(-50%, 0, 0) scaleY(1)}#canvas-js{width:100%;height:100%}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.flash{animation-name:flash}.animated.bounce{animation-name:bounce;opacity:1}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes bounce{0%,100%,20%,40%,60%,80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;transform:scale3d(1, 1, 1)}}@keyframes swoopTop{50%{transform:translate3d(51px, 0, 0)}}@keyframes swoopBottom{50%{transform:translate3d(65px, -30px, 0)}}