body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Kontrapunkt;src:url(/assets/Kontrapunkt.light-Abk0wfGq.ttf)}@font-face{font-family:Kontrapunkt-Bold;src:url(/assets/Kontrapunkt.bold-Xq0k-aS_.ttf)}html{font-size:16px}*{color:#000;margin:0;padding:0;font-family:Kontrapunkt}#root{width:100%;height:100%}.App{align-items:stretch;height:100%;display:flex}aside{text-align:left;width:250px}.aside-logo{cursor:pointer;width:170px;height:auto;margin:40px}nav{margin:0 40px;padding:0;font-size:.9rem}#about-me{margin-bottom:2rem;font-family:Kontrapunkt-Bold;text-decoration:none;display:block}.nav-section-header{margin-bottom:.5em;font-family:Kontrapunkt-Bold;text-decoration:none;display:block}.project-ul{margin-bottom:2rem;list-style-type:none}.project-ul a{margin-bottom:.5em;text-decoration:none;display:block}.cv{margin-bottom:1rem}button{cursor:pointer;color:#fff;background-color:#aaa;border:0;border-radius:3px;margin-right:1rem;padding:5px 6px 4px;font-family:Kontrapunkt-Bold;text-decoration:none}.social-media{margin-bottom:2rem}.social-media-icon{width:1rem;margin:.2rem}#thumbnail-page{margin:1rem 1rem 1rem 0}.page ul{grid-gap:1rem;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:auto;justify-content:start;margin-bottom:1rem;list-style-type:none;display:grid}.page ul li{position:relative}.page ul .Rollover{text-align:center;color:#fff;opacity:0;box-sizing:border-box;flex-direction:column;justify-content:center;width:300px;height:250px;padding:2rem;font-size:1.4rem;line-height:1.2;transition:all .5s;display:flex;position:absolute;top:0}.page ul .Rollover:hover{opacity:.9;cursor:pointer}.page ul img{width:300px;height:250px;display:block}.type{color:#fff;box-sizing:border-box;align-items:center;width:300px;height:30px;padding-left:8.6px;font-size:.8rem;line-height:.8rem;text-decoration:none;display:flex}.section{margin:0 0 2rem}.section:last-child{margin:0}header{box-sizing:border-box;border-bottom:1px solid #000;width:auto;margin-bottom:1rem;padding-top:3px;padding-bottom:3px}@media only screen and (width<=600px){.App{flex-direction:column}aside{text-align:left;width:300px;margin:auto auto 0}nav{width:300px;margin:auto auto 40px}.project-ul{flex-wrap:wrap;justify-content:left;display:flex}.project-ul a{margin-right:.5rem}#thumbnail-page{margin:0 1rem;padding-bottom:1rem}#thumbnail-page ul{justify-content:center}.nav-section-header{margin-bottom:.5em}.section-header{text-align:center}header{width:300px;margin:auto auto 1rem}}.mpu-text-block{vertical-align:top;width:300px;height:auto;margin-bottom:1rem;margin-right:1rem;display:inline-block}.mpu-block{vertical-align:top;width:300px;height:250px;margin-bottom:1rem;margin-right:1rem;display:inline-block}.text-block{vertical-align:top;width:480px;height:auto;margin-bottom:1rem;margin-right:1rem;display:inline-block}.dooh-block{vertical-align:top;width:300px;height:533px;margin-bottom:1rem;margin-right:1rem;display:inline-block}.mpu-block img{width:300px;height:250px}.text-block p,.mpu-text-block p{color:#333;margin-bottom:1rem;font-size:.9rem;line-height:1.3}.text-block p:last-child,.mpu-text-block p:last-child{margin-bottom:0}#please-note{color:red;font-family:Kontrapunkt-Bold}iframe{border:none;margin-bottom:1rem;margin-right:1rem}.iframe-300x250{width:300px;height:250px}.video-300x533{border:1px solid #000;width:300px;height:533px}.iframe-970x250{width:970px;height:250px}.iframe-300x600{width:300px;height:600px}.iframe-160x600{width:160px;height:600px}.iframe-728x90{width:728px;height:90px}.iframe-320x50{width:320px;height:50px}.iframe-300x50{width:300px;height:50px}.iframe-970x66{width:970px;height:66px}.iframe-960x378{width:960px;height:378px}.four-dooh-container{grid-gap:1rem;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:533px;justify-content:start;width:100%;margin:1rem 1rem 1rem 0;display:grid}.page{width:100%;margin-top:1rem;margin-right:1rem}.main,.broadsheet-main{position:relative}#facebook-300x600,#fifa19-300x250,#fitbit-300x250,#oracle-300x250,#sky-160x600{position:absolute;top:0;left:0}#fifa19-970x250,#fitbit-970x250,#oracle-160x600{position:absolute;top:0;left:300px;transform:translate(1rem)}#fifa19-300x600,#fitbit-300x600,#oracle-300x600{position:absolute;top:250px;left:0;transform:translateY(1rem)}#fifa19-160x600,#fitbit-728x90{position:absolute;top:250px;left:300px;transform:translate(1rem,1rem)}#facebook-300x250{position:absolute;top:0;left:300px;transform:translate(1rem)}#facebook-728x90{position:absolute;top:250px;left:300px;transform:translate(1rem,1rem)}#fifa19-970x66{position:absolute;top:250px;left:460px;transform:translate(2rem,1rem)}#fifa19-728x90{position:absolute;top:316px;left:460px;transform:translate(2rem,2rem)}#fifa19-320x50{position:absolute;top:406px;left:460px;transform:translate(2rem,3rem)}#fitbit-300x50{position:absolute;top:390px;left:300px;transform:translate(1rem,3rem)}#fitbit-320x50{position:absolute;top:340px;left:300px;transform:translate(1rem,2rem)}#oracle-728x90{position:absolute;top:0;left:460px;transform:translate(2rem)}#oracle-320x50{position:absolute;top:90px;left:460px;transform:translate(2rem,1rem)}#oracle-300x50{position:absolute;top:140px;left:460px;transform:translate(2rem,2rem)}#sky-300x250{position:absolute;top:0;left:160px;transform:translate(1rem)}#sky-728x90{position:absolute;top:250px;left:160px;transform:translate(1rem,1rem)}.iframe-border{background-color:#000;border:1px solid #000}.pf-video{background-color:#000;border:1px solid #000;width:960px;height:563px}.screenshot{vertical-align:top;width:616px;margin-right:1rem;display:inline-block}#management-screenshot{background-image:url(/assets/screenshots/pf-management.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:616px;height:324px;margin-bottom:16px;margin-right:1rem;display:flex}#please-note-taxonomy{color:red}#please-note-management{color:red;padding:20%}.screenshot img{border:1px solid #000;width:100%;margin-bottom:1rem}@media only screen and (width<=600px){.aside-logo{margin:40px 65px}.page iframe{position:relative;top:0;left:0;transform:translate(0)}.main{width:300px;margin:auto}.broadsheet-main,.broadsheet-header{width:auto;margin:0 1rem 1rem}#fitbit-300x600,#fitbit-300x250,#fitbit-300x50,#oracle-300x250,#oracle-300x600,#oracle-300x50,#facebook-300x250,#facebook-300x600,#fifa19-300x600,#fifa19-300x250,#sky-300x250{display:inline-block;position:relative;top:0;left:0;transform:none}#fitbit-970x250,#fitbit-728x90,#fitbit-320x50,#oracle-728x90,#oracle-320x50,#oracle-160x600,#facebook-728x90,#fifa19-970x250,#fifa19-970x66,#fifa19-728x90,#fifa19-320x50,#fifa19-160x600,#sky-728x90,#sky-160x600{display:none}.screenshot,#management-screenshot,.text-block{width:300px}.pf-video{width:300px;height:176px}}