html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-text-size-adjust:100%}body{color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-style:normal}body a{color:#222;border-color:#222;border-style:solid;border-width:0 0 1px 0;text-decoration:none;transition:border-width 0.25s}body a.home{border-bottom-width:0px}body a:hover{border-width:0 0 3px 0}body a:active{border-width:0 0 3px 0}body a:focus{outline:thin dotted;border-width:0 0 3px 0}body a.image{border-width:0}body a.button{display:inline-block;position:relative;padding:10px 22px;line-height:26px;text-align:center;text-decoration:none;text-transform:uppercase;border-style:solid;border-width:2px;border-color:#222;background:#fff;color:#222;transition:none}body a.button:hover{background:#f9f9f9;color:#222}body a.button:active{background:#222;color:#fff}body a.red:hover{color:#c8102e;border-bottom-color:#c8102e}body h2.title,body h3.title{color:#222;font-size:16px;text-transform:uppercase;letter-spacing:0.1em;font-weight:400;line-height:18px}body h2.title{margin-bottom:16px}body h3.title{margin-bottom:24px;font-weight:500}body p{font-size:16px}div.social span.social_links{display:block;position:relative;margin-bottom:24px}div.social span.social_links a.social{display:inline-block;position:relative;height:40px;width:40px;margin:0 1px;color:#222;fill:#222;font-size:32px;font-weight:800;line-height:42px;text-align:center;text-decoration:none;border-radius:16px;border-width:0px;border-style:solid;border-color:#000}div.social span.social_links a.social svg,div.social span.social_links a.social img{height:24px;width:24px}div.social span.social_links a.social:hover{background:#fafafa;color:inherit;fill:inherit;opacity:0.8}div.social span.social_links a.social:hover.facebook{color:#1976f2;fill:#1976f2;opacity:1}div.social span.social_links a.social:hover.instagram{color:#E4405F;fill:#E4405F;opacity:1}div.social span.social_links a.social:hover.twitter{color:#1DA1F2;fill:#1DA1F2;opacity:1}div.social span.social_links a.social:hover.github{color:#181717;fill:#181717;opacity:1}div.social span.social_links a.social:hover.linkedin{color:#0077B5;fill:#0077B5;opacity:1}div.social span.social_links a.social:hover.strava{color:#fc4c01;fill:#fc4c01;opacity:1}div.social span.social_links a.social:active{background:#f0f0f0}body.image_viewer{overflow:hidden}div.image_viewer{display:block;position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;overflow-y:scroll}div.image_viewer div.image_wrapper{display:inline-block;position:relative;width:100%;height:auto;min-height:100%;display:flex;align-items:center;justify-content:center}div.image_viewer div.image_wrapper div.image_mask{display:inline-block;position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.25)}div.image_viewer div.image_wrapper div.image_modal{display:inline-block;position:relative;margin:40px;padding:40px;padding-bottom:60px;min-width:320px;min-height:200px;border-radius:8px;border-width:1px;border-style:solid;border-color:#ccc;background-color:#fff}div.image_viewer div.image_wrapper div.image_modal div.close_button{display:block;position:absolute;top:12px;right:10px;width:19px;height:19px;border-style:solid;border-width:1px;border-radius:100%;border-color:#bbb;color:#bbb;text-align:center;line-height:14px;font-size:11px;font-family:Arial;cursor:pointer}div.image_viewer div.image_wrapper div.image_modal div.close_button::after,div.image_viewer div.image_wrapper div.image_modal div.close_button::before{content:' ';width:0px;height:10px;background-color:#000;display:block;position:absolute;top:4px;left:9px;transform:rotate(45deg);border-style:solid;border-width:0 1px 0 0;border-color:inherit}div.image_viewer div.image_wrapper div.image_modal div.close_button::before{transform:rotate(-45deg)}div.image_viewer div.image_wrapper div.image_modal div.close_button:hover{border-color:#777;color:#777}div.image_viewer div.image_wrapper div.image_modal div.close_button:active{border-color:#333;color:#333}div.image_viewer div.image_wrapper div.image_modal img.image_preview{width:100%;border:solid 1px #dcdcdc;border-radius:8px}div.image_viewer div.image_wrapper div.image_modal .image_others{display:inline-block;position:absolute;text-align:center;bottom:0px;left:0px;width:calc(100% - 24px);height:30px;padding:16px}div.image_viewer div.image_wrapper div.image_modal .image_others .image_other{display:inline-block;position:relative;width:8px;height:8px;border-radius:100%;border-style:solid;border-color:#fff;border-width:8px;background-color:#ddd;margin:4px;cursor:pointer}div.image_viewer div.image_wrapper div.image_modal .image_others .image_other.active{background-color:#333}div.page{min-width:152px;padding:16px 4px;text-align:center}div.page div.header{margin:0 12px}div.page div.header h1.name{color:#222;font-size:32px;text-transform:uppercase;letter-spacing:0.03em;font-weight:400;line-height:34px;margin-bottom:16px}div.page div.footer{margin:64px 12px 16px}div.page div.footer .copyright{display:inline-block;margin-top:48px}div.page.error h3{margin:0}div.page.error img.four04{max-width:calc(100% - 24px);margin:24px 0}div.page.home a.home{cursor:default}div.page.home a.home:hover,div.page.home a.home:active,div.page.home a.home:focus{border:0px;outline:none}div.page div.about{display:block;position:relative;max-width:100%;margin-bottom:48px}div.page div.about img.mug{display:inline-block;position:relative;width:320px;max-width:calc(100% - 24px);margin:0 12px 24px}div.page div.about span.bio{display:inline-block;position:relative;letter-spacing:0.015em;vertical-align:top;line-height:26px;text-align:left;width:320px;max-width:calc(100% - 24px);margin:0 12px 24px}div.page div.about span.bio p{margin:0 0 24px;text-align:justify;text-indent:8px}div.page div.about span.bio a.button.contact{margin:4px 32px 0 0}@media screen and (max-width: 710px){div.page div.about span.bio{text-align:center}div.page div.about span.bio a.button.contact{width:calc(100% - 48px);margin:12px 0 24px 0}}div.page div.work{display:block;position:relative;max-width:100%;margin-bottom:48px}div.page div.work div.job_row{display:block;position:relative;max-width:100%}div.page div.work span.job_col{display:inline-block;position:relative;vertical-align:top;max-width:100%;margin-bottom:24px}div.page div.work span.job_col a.logo{display:block;position:relative;margin:0 12px 24px}div.page div.work span.job_col a.logo img{width:320px;max-width:calc(100% - 24px)}div.page div.work span.job_col a.logo:hover+span.text p a.more,div.page div.work span.job_col a.logo:hover+span.text p a.try{border-width:0 0 3px 0}div.page div.work span.job_col span.logo{display:block;position:relative;height:150px;width:320px;max-width:calc(100% - 24px);margin:0 12px 24px;background-position:center;background-size:100%}div.page div.work span.job_col span.logo.you:after{content:'?';display:inline-block;position:absolute;width:60px;height:60px;top:calc(50% - 34px);left:calc(50% - 34px);border-width:4px;border-radius:100%;border-style:solid;line-height:60px;font-size:40px;opacity:0.125}div.page div.work span.job_col span.text{display:block;position:relative;letter-spacing:0.015em;vertical-align:top;line-height:26px;text-align:left;width:320px;max-width:calc(100% - 24px);margin:0 12px 24px}div.page div.work span.job_col span.text p{margin:0 0 16px;text-align:justify;text-indent:8px}div.page div.work span.job_col span.text p a.more{margin-left:8px;font-size:14px}div.page div.project{display:block;position:relative;max-width:100%;margin-bottom:24px}div.page div.project span.text{display:inline-block;position:relative;letter-spacing:0.015em;vertical-align:top;line-height:26px;text-align:left;width:664px;max-width:calc(100% - 24px);margin:0 12px 24px;text-align:center}div.page div.project span.text h4.name{font-size:32px;margin:16px 0}div.page div.project span.text span.date{font-size:24px;margin:16px 0}div.page div.project span.text p{margin-bottom:16px;text-align:justify;text-indent:8px}div.page div.project span.screenshot{display:inline-block;position:relative;width:calc(100% - 32px);max-width:100%;margin:0 16px 0;text-align:center}div.page div.project span.screenshot img{width:calc(100% - 32px)}div.page div.project span.screenshot.left{float:left;width:calc(320px - 16px);margin-left:0}div.page div.project span.screenshot.right{float:right;width:calc(320px - 16px);margin-right:0}div.page div.project span.screenshot a.image:hover+a.link{border-width:0 0 3px 0}div.page div.project span.screenshot img.thumbnail{width:100%;cursor:pointer;border:solid 1px #dcdcdc;float:inherit}div.page div.project span.screenshot.link{margin-bottom:16px}div.page div.project iframe.youtube-player{width:100%;max-width:100%}@media screen and (max-width: 710px){div.page div.project span.text{width:320px;max-width:calc(100% - 24px)}div.page div.project span.screenshot{width:100%;margin-left:0px;margin-right:0px;margin-bottom:24px}div.page div.project span.screenshot.left,div.page div.project span.screenshot.right{width:100%}div.page div.project iframe.youtube-player{height:180px}}