a,body{color:#099}.logo-wrapper,.position-relative{position:relative}.index-wrapper a,a{text-decoration:none}.index-wrapper .logo-box,footer{bottom:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;-webkit-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;-moz-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;-o-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1;margin:.5em 0}h1{font-size:2.5em}h2{font-size:2em}h3{font-size:1.5em}h4{font-size:1.3125em}h5{font-size:1.25em}h6{font-size:1.125em}p{margin-bottom:1em}small{font-size:.75em}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section,summary{display:block}body{line-height:1.5;font-family:'PT Sans Caption',Arial,Helvetica,sans-serif;font-size:18.5px;background-color:#fff}.bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-sm{font-size:.75em}.font-xs{font-size:.5em}.h1{font-size:2.5em}.h2{font-size:2em}.h3{font-size:1.5em}.h4{font-size:1.3125em}.h5{font-size:1.25em}.h6{font-size:1.125em}a:focus,a:hover{color:#007a7a}a,label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nowrap{white-space:nowrap}.nickname{height:0;width:0;padding:0;margin:0;overflow:hidden;font-size:0}.container,.full-width,.w-25pc,.w-33pc,.w-50pc,.w-66pc,.w-75pc{width:100%}svg{pointer-events:none}.comma-separated li{display:inline-block}.comma-separated li:not(:last-child):after{content:"\002c\00a0"}.comma-separated li:nth-last-child(2):after{content:"\00a0\0026"}.block{display:block}.inline-block{display:inline-block}.display-table{display:table;table-layout:fixed}.display-table-cell{display:table-cell;vertical-align:middle}.toggle-menu,nav .back-to-projects-link{display:none}.container{margin:0 auto;max-width:960px;padding-left:10px;padding-right:10px}.float-left{float:left}.pointer{cursor:pointer}.h-33pc{height:33.33333333%}.h-50pc{height:50%}.full-cover,.full-height,body,html{height:100%}.turquoise-darker{color:#002e2e}.email::before{content:"inbox\0040"}.email::after{content:"13ugman.com"}.desktop-device:after,.desktop-device:before,nav .container:after{content:''}.padded-cols-wrapper{margin-left:-1em;margin-right:-1em}.padded-cols-wrapper .w-25pc,.padded-cols-wrapper .w-33pc,.padded-cols-wrapper .w-50pc,.padded-cols-wrapper .w-66pc,.padded-cols-wrapper .w-75pc{float:left;padding:1em}@media screen and (orientation:landscape){.w-25pc{width:25%}.w-33pc{width:33.33333333%}.w-50pc{width:50%}.w-66pc{width:66.66666667%}.w-75pc{width:75%}}.full-cover{max-height:100vh;width:100%;overflow:hidden;padding:1em 0}.border{border:1px solid #099}.border-right{border-right:1px solid #099}.border-radius-1em{border-radius:1em}.logo-wrapper{width:100%;max-width:369px;height:0;padding-top:15.17615176%;background-image:url(../img/13ugman.png);background-repeat:no-repeat;background-position:center center;background-size:contain}.logo-wrapper .logo{position:absolute;left:0;top:0;width:100%;height:100%;fill:#fff;stroke:#099;stroke-width:0}@-webkit-keyframes logoSlideRight{0%{opacity:0;margin-right:-420px}100%{opacity:1;margin-right:0}}@-moz-keyframes logoSlideRight{0%{opacity:0;margin-right:-420px}100%{opacity:1;margin-right:0}}@-o-keyframes logoSlideRight{0%{opacity:0;margin-right:-420px}100%{opacity:1;margin-right:0}}@keyframes logoSlideRight{0%{opacity:0;margin-right:-420px}100%{opacity:1;margin-right:0}}@-webkit-keyframes logoSlideUp{0%{opacity:0;margin-bottom:-180px}100%{opacity:1;margin-bottom:0}}@-moz-keyframes logoSlideUp{0%{opacity:0;margin-bottom:-180px}100%{opacity:1;margin-bottom:0}}@-o-keyframes logoSlideUp{0%{opacity:0;margin-bottom:-180px}100%{opacity:1;margin-bottom:0}}@keyframes logoSlideUp{0%{opacity:0;margin-bottom:-180px}100%{opacity:1;margin-bottom:0}}@-webkit-keyframes navSlideLeft{0%{opacity:0;margin-left:-180px}100%{opacity:1;margin-left:0}}@-moz-keyframes navSlideLeft{0%{opacity:0;margin-left:-180px}100%{opacity:1;margin-left:0}}@-o-keyframes navSlideLeft{0%{opacity:0;margin-left:-180px}100%{opacity:1;margin-left:0}}@keyframes navSlideLeft{0%{opacity:0;margin-left:-180px}100%{opacity:1;margin-left:0}}@-webkit-keyframes navSlideDown{0%{opacity:0;margin-top:-180px}100%{opacity:1;margin-top:0}}@-moz-keyframes navSlideDown{0%{opacity:0;margin-top:-180px}100%{opacity:1;margin-top:0}}@-o-keyframes navSlideDown{0%{opacity:0;margin-top:-180px}100%{opacity:1;margin-top:0}}@keyframes navSlideDown{0%{opacity:0;margin-top:-180px}100%{opacity:1;margin-top:0}}nav{background-color:#099;color:#fff}nav .container{position:relative}nav .container:after{position:absolute;left:50%;top:76px;width:0;max-width:940px;height:4px;border-radius:2px;border:1px solid #099;opacity:0;z-index:9997;-webkit-transition:all .25s ease-out .5s,top .25s ease-out 0s;-moz-transition:all .25s ease-out .5s,top .25s ease-out 0s;-o-transition:all .25s ease-out .5s,top .25s ease-out 0s;transition:all .25s ease-out .5s,top .25s ease-out 0s}.index-wrapper{display:block;width:100%;height:100%}.index-wrapper a{color:#cceaea;-webkit-transition:color .1875s ease-in 0s;-moz-transition:color .1875s ease-in 0s;-o-transition:color .1875s ease-in 0s;transition:color .1875s ease-in 0s}.index-wrapper a:focus,.index-wrapper a:hover{color:#fff}.index-wrapper .title{color:#fff;font-size:1.5em;font-size:8.75vw}.index-wrapper .index-half{display:block;width:100%;height:50%;text-align:center;position:relative;overflow:hidden}.index-wrapper .logo-box a{cursor:default;pointer-events:none;display:inline-block;width:100%;max-width:369px;position:absolute;left:50%;bottom:2.7em;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-animation:logoSlideUp .5s ease-out 0s 1;-moz-animation:logoSlideUp .5s ease-out 0s 1;-o-animation:logoSlideUp .5s ease-out 0s 1;animation:logoSlideUp .5s ease-out 0s 1}.index-wrapper .nav-box ul{font-size:1.35em;font-weight:700;-webkit-animation:navSlideDown .5s ease-out 0s 1;-moz-animation:navSlideDown .5s ease-out 0s 1;-o-animation:navSlideDown .5s ease-out 0s 1;animation:navSlideDown .5s ease-out 0s 1}.index-wrapper .nav-box li{margin-bottom:1em}.index-wrapper .nav-box a{padding:.3125em 0}@media screen and (min-width:420px){.index-wrapper .title{font-size:2em}}@media screen and (min-width:940px) and (orientation:landscape){.index-wrapper{display:table}.index-wrapper .index-half{display:table-cell;width:50%;height:100%;vertical-align:middle}.index-wrapper .logo-box{padding-right:2.7em;text-align:right}.index-wrapper .logo-box a{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;-webkit-animation:logoSlideRight .75s ease-out 0s 1;-moz-animation:logoSlideRight .75s ease-out 0s 1;-o-animation:logoSlideRight .75s ease-out 0s 1;animation:logoSlideRight .75s ease-out 0s 1}.index-wrapper .nav-box{padding-left:2.7em;text-align:left}.index-wrapper .nav-box ul{-webkit-animation:navSlideLeft .75s ease-out 0s 1;-moz-animation:navSlideLeft .75s ease-out 0s 1;-o-animation:navSlideLeft .75s ease-out 0s 1;animation:navSlideLeft .75s ease-out 0s 1}}@-webkit-keyframes animateHeader{0%{height:100%}99%{height:102px}100%{height:auto}}@-moz-keyframes animateHeader{0%{height:100%}99%{height:102px}100%{height:auto}}@-o-keyframes animateHeader{0%{height:100%}99%{height:102px}100%{height:auto}}@keyframes animateHeader{0%{height:100%}99%{height:102px}100%{height:auto}}:target~nav{background-color:#fff;color:#099;height:auto;padding:22px 0;line-height:1;overflow:visible;-webkit-transition:all .75s ease-out 0s;-moz-transition:all .75s ease-out 0s;-o-transition:all .75s ease-out 0s;transition:all .75s ease-out 0s;-webkit-animation:animateHeader .5s ease-out 0s 1;-moz-animation:animateHeader .5s ease-out 0s 1;-o-animation:animateHeader .5s ease-out 0s 1;animation:animateHeader .5s ease-out 0s 1}:target~nav .container:after{left:10px;width:calc(100% - 20px);opacity:1}:target~nav .logo{stroke-width:1px}:target~nav .index-wrapper{display:table}:target~nav .index-wrapper .title{display:none}:target~nav .index-wrapper .index-half{display:table-cell;vertical-align:middle;height:100%}:target~nav .index-wrapper .logo-box a{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;cursor:pointer;pointer-events:auto;-webkit-animation:none 0s linear 0s 0;-moz-animation:none 0s linear 0s 0;-o-animation:none 0s linear 0s 0;animation:none 0s linear 0s 0}:target~nav .index-wrapper .nav-box ul{-webkit-animation:none 0s linear 0s 0;-moz-animation:none 0s linear 0s 0;-o-animation:none 0s linear 0s 0;animation:none 0s linear 0s 0}:target~nav .index-wrapper .nav-box a{color:#099}:target~nav .index-wrapper .nav-box a:focus,:target~nav .index-wrapper .nav-box a:hover{color:#007a7a}#projects:target~nav .index-wrapper .nav-box li:first-child a{display:none}#projects:target~nav .index-wrapper .nav-box li:first-child .back-to-projects-link{display:inline}#contact:target~nav .index-wrapper .nav-box li:last-child a,#projects:target~nav .index-wrapper .nav-box li:first-child .back-to-projects-link,#skills:target~nav .index-wrapper .nav-box li:nth-child(2) a{color:#a5a5a5}@media screen and (max-width:939px),screen and (orientation:portrait){#projects:target~nav .index-wrapper .nav-box li:first-child .back-to-projects-link{display:table-cell;vertical-align:middle}:target~nav .logo-box{padding-right:0;width:84%;z-index:9999}:target~nav .nav-box ul{position:fixed;left:0;top:-100%;width:100%;height:100%;padding:1.5em;padding-top:calc(1.5em + 100px);background-color:#fff;font-size:8vmin;z-index:9996;-webkit-transition:top .5s ease-out .5s;-moz-transition:top .5s ease-out .5s;-o-transition:top .5s ease-out .5s;transition:top .5s ease-out .5s}:target~nav .nav-box ul li{display:table;width:100%;height:33.33333333%;margin:0;opacity:0;-webkit-transition:opacity 1s ease-out .5s;-moz-transition:opacity 1s ease-out .5s;-o-transition:opacity 1s ease-out .5s;transition:opacity 1s ease-out .5s}:target~nav .nav-box ul li a{display:table-cell;vertical-align:middle}:target~nav .toggle-menu{display:inline-block;width:56px;height:56px;padding:14px;cursor:pointer;background-color:transparent;background-image:url(../img/icon-burger.png);background-repeat:no-repeat;background-position:center center;background-size:50% 50%;border:0;outline:0;position:relative;z-index:9998}:target~nav .toggle-menu .burger-icon{width:100%;height:100%;fill:none;stroke:#099;stroke-width:4px;stroke-linecap:round;-webkit-transition:transform .5s ease-out 125ms;-moz-transition:transform .5s ease-out 125ms;-o-transition:transform .5s ease-out 125ms;transition:transform .5s ease-out 125ms}:target~nav .toggle-menu .burger-icon .line1{-webkit-transition:transform .25s ease-out 125ms,opacity 0s ease-out .25s;-moz-transition:transform .25s ease-out 125ms,opacity 0s ease-out .25s;-o-transition:transform .25s ease-out 125ms,opacity 0s ease-out .25s;transition:transform .25s ease-out 125ms,opacity 0s ease-out .25s;opacity:1}:target~nav .toggle-menu .burger-icon .line3{-webkit-transition:all 125ms ease-out 125ms;-moz-transition:all 125ms ease-out 125ms;-o-transition:all 125ms ease-out 125ms;transition:all 125ms ease-out 125ms}:target~nav .toggle-menu .burger-icon .line4{-webkit-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-moz-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-o-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-webkit-transform:translate(0,2px) scale(1,.14285714);-moz-transform:translate(0,2px) scale(1,.14285714);-ms-transform:translate(0,2px) scale(1,.14285714);-o-transform:translate(0,2px) scale(1,.14285714);transform:translate(0,2px) scale(1,.14285714);opacity:0}:target~nav .toggle-menu:focus{pointer-events:none;background-image:url(../img/icon_close.png)}:target~nav .toggle-menu:focus .burger-icon{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}:target~nav .toggle-menu:focus .burger-icon .line1{-webkit-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-moz-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-o-transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;transition:transform .25s ease-out 0s,opacity 0s ease-out .25s;-webkit-transform:translate(12px,0) scale(.14285714,1);-moz-transform:translate(12px,0) scale(.14285714,1);-ms-transform:translate(12px,0) scale(.14285714,1);-o-transform:translate(12px,0) scale(.14285714,1);transform:translate(12px,0) scale(.14285714,1);opacity:0}:target~nav .toggle-menu:focus .burger-icon .line3{-webkit-transition:all 125ms ease-out 0s;-moz-transition:all 125ms ease-out 0s;-o-transition:all 125ms ease-out 0s;transition:all 125ms ease-out 0s;-webkit-transform:translate(14px,0) scale(0,1);-moz-transform:translate(14px,0) scale(0,1);-ms-transform:translate(14px,0) scale(0,1);-o-transform:translate(14px,0) scale(0,1);transform:translate(14px,0) scale(0,1);opacity:0}:target~nav .toggle-menu:focus .burger-icon .line4{-webkit-transition:transform 125ms ease-out 125ms;-moz-transition:transform 125ms ease-out 125ms;-o-transition:transform 125ms ease-out 125ms;transition:transform 125ms ease-out 125ms;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;opacity:1}:target~nav .toggle-menu:focus+ul{top:0;-webkit-transition:top .5s ease-out 0s;-moz-transition:top .5s ease-out 0s;-o-transition:top .5s ease-out 0s;transition:top .5s ease-out 0s}:target~nav .toggle-menu:focus+ul li{opacity:1;-webkit-transition:opacity .5s ease-out 0s;-moz-transition:opacity .5s ease-out 0s;-o-transition:opacity .5s ease-out 0s;transition:opacity .5s ease-out 0s}}.project-banner:hover .project-thumbnail,input[name=project-details]:active+.project-banner-wrapper .project-banner .project-thumbnail,input[name=project-details]:focus+.project-banner-wrapper .project-banner .project-thumbnail,input[name=project-details]:hover+.project-banner-wrapper .project-banner .project-thumbnail{background-size:175%}@media screen and (max-width:479px){:target~nav{padding:14px 0}:target~nav .container:after{top:calc(100% + 10px)}:target~nav .logo-wrapper{max-width:237px;margin:0 auto}:target~nav .nav-box ul{padding-top:calc(1.5em + 66px)}:target~nav .toggle-menu{width:36px;height:36px;padding:9px}}section,section .navigate{width:100%;position:absolute}@media screen and (min-width:940px) and (orientation:landscape){:target~nav{position:relative}:target~nav .index-wrapper .nav-box li{display:inline-block;margin-bottom:0;-webkit-transition:margin .75s ease-out 0s;-moz-transition:margin .75s ease-out 0s;-o-transition:margin .75s ease-out 0s;transition:margin .75s ease-out 0s}:target~nav .index-wrapper .nav-box li:not(:last-child){margin-right:2.7em}}section{padding-top:10px;padding-bottom:10px;left:0;top:20vw;height:calc(100% - 20vw);font-size:.75em;overflow:hidden;visibility:hidden;opacity:0;-webkit-transition:opacity .16666667s ease-out 62.5ms;-moz-transition:opacity .16666667s ease-out 62.5ms;-o-transition:opacity .16666667s ease-out 62.5ms;transition:opacity .16666667s ease-out 62.5ms}section:target{visibility:visible;opacity:1}section h2{height:7.5vh;line-height:7.5vh;position:relative;z-index:1;margin:0}section .navigate{top:calc(100% - 3.75vh);height:3.75vh;line-height:3.75vh;visibility:hidden;opacity:0;-webkit-transition:opacity .25s ease-out 0s;-moz-transition:opacity .25s ease-out 0s;-o-transition:opacity .25s ease-out 0s;transition:opacity .25s ease-out 0s}section .navigate .back-to-projects-link{color:#099;cursor:pointer;-webkit-transition:color .1875s ease-in 0s;-moz-transition:color .1875s ease-in 0s;-o-transition:color .1875s ease-in 0s;transition:color .1875s ease-in 0s}section .navigate #back-to-projects:active+.back-to-projects-link,section .navigate #back-to-projects:focus+.back-to-projects-link,section .navigate #back-to-projects:hover+.back-to-projects-link{color:#007a7a}.project-banner:hover,input[name=project-details]:active+.project-banner-wrapper .project-banner,input[name=project-details]:focus+.project-banner-wrapper .project-banner,input[name=project-details]:hover+.project-banner-wrapper .project-banner{background-color:#099;color:#fff}.section-body{height:calc(100% - 11.25vh)}input[name=project-details]{position:absolute;left:-9999em;top:-9999em}.project-banner{-webkit-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;-moz-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;-o-transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s;transition:color .1875s ease-in 0s,background-color .1875s ease-in 0s}.project-banner-wrapper{height:16.66666667%}.project-banner-wrapper .project-banner{cursor:pointer}.project-banner-wrapper .project-thumbnail{width:25vw;background-color:#cceaea;position:relative;overflow:hidden;background-position:center top;background-repeat:no-repeat;background-size:150%;visibility:hidden;opacity:0;-webkit-transition:background .25s ease-out 0s;-moz-transition:background .25s ease-out 0s;-o-transition:background .25s ease-out 0s;transition:background .25s ease-out 0s}.project-banner-wrapper .project-thumbnail.idmobile{background-image:url(../img/desktop-idmobile.jpg)}.project-banner-wrapper .project-thumbnail.coolform{background-image:url(../img/desktop-coolform.jpg)}.project-banner-wrapper .project-thumbnail.spacehive{background-image:url(../img/desktop-spacehive.jpg)}.project-banner-wrapper .project-thumbnail.bose{background-image:url(../img/desktop-bose.jpg)}.project-banner-wrapper .project-thumbnail.qvc{background-image:url(../img/desktop-qvc.jpg)}.project-banner-wrapper .project-thumbnail.raet{background-image:url(../img/desktop-raet.jpg)}.project-banner-wrapper .project-thumbnail.angesa{background-image:url(../img/desktop-angesa.jpg)}.project-banner-wrapper .project-name{font-size:1.5em;padding-left:.75em;padding-right:.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (min-width:480px){section{top:102px;height:calc(100% - 102px);font-size:.875em}}@media screen and (min-width:1024px){section{font-size:1em}}@media screen and (orientation:landscape){section{max-height:720px}.project-banner-wrapper{height:33.33333333%}.project-banner-wrapper .project-thumbnail{width:8em}.project-banner-wrapper .project-name{text-align:center}}.desktop-device{width:100%;height:0;padding-top:56.2225475842%;border:1px solid #099;position:relative;border-radius:1.25%}.desktop-device:before{position:absolute;left:42.5%;top:100%;width:15%;height:20%;border:1px solid #099;border-bottom:0}.desktop-device:after{position:absolute;left:30%;top:120%;width:40%;height:5%;border:1px solid #099}.desktop-device .desktop-screen{position:absolute;left:0;top:0;width:100%;height:100%;padding:2.5%}.desktop-device .desktop-screen .desktop-browser{width:100%;height:100%;border:1px solid #099;overflow-x:hidden;overflow-y:scroll}.mobile-device{width:0;height:36vh;max-height:307px;padding-left:42%;margin:6.25% auto 0;border:1px solid #099;position:relative;border-radius:1.25vh}.mobile-device .mobile-screen{position:absolute;left:0;top:0;width:100%;height:100%;padding:1em .125em}.mobile-device .mobile-screen .mobile-browser{width:100%;height:100%;border:1px solid #099;overflow-x:hidden;overflow-y:scroll}.project-wrapper{position:absolute;left:0;top:7.5vh;width:100%;height:calc(100% - 5vh);padding:1em 10px 10vh;background-color:#fff;visibility:hidden;opacity:0;-webkit-transition:opacity 62.5ms ease-out 0s;-moz-transition:opacity 62.5ms ease-out 0s;-o-transition:opacity 62.5ms ease-out 0s;transition:opacity 62.5ms ease-out 0s}.project-wrapper .project-details-wrapper{height:12vh;color:#002e2e;text-align:center}.project-wrapper .project-details-wrapper .project-description{font-size:.875em;display:none}.project-wrapper .project-views-wrapper{width:100%;height:calc(100% - 12vh);display:table;text-align:center}.project-wrapper .project-views-wrapper .project-views{display:table-cell;vertical-align:top;padding-top:2.5vh}.project-wrapper .project-views-wrapper .project-views input[type=radio]{display:none}.project-wrapper .project-views-wrapper .project-views .device-wrapper{max-width:50vh;margin:1.25em auto 0}.tab-device{display:inline-block;padding:.25em .75em;font-size:.875em;width:6em;border:1px solid #099;cursor:pointer}.tab-device.tab-desktop{border-radius:.25em 0 0 .25em}.tab-device.tab-mobile{border-radius:0 .25em .25em 0}input[type=radio]:checked+.tab-device{background-color:#099;color:#fff}.see-desktop:checked~.device-wrapper .desktop-device,.see-mobile:checked~.device-wrapper .mobile-device{display:block}.see-desktop:checked~.device-wrapper .mobile-device,.see-mobile:checked~.device-wrapper .desktop-device{display:none}#projects:target #project-details-angesa:checked~#angesa,#projects:target #project-details-bose:checked~#bose,#projects:target #project-details-coolform:checked~#coolform,#projects:target #project-details-idmobile:checked~#idmobile,#projects:target #project-details-qvc:checked~#qvc,#projects:target #project-details-raet:checked~#raet,#projects:target #project-details-spacehive:checked~#spacehive,#projects:target .project-thumbnail,input[name=project-details]:checked~.navigate{visibility:visible;opacity:1}@media screen and (orientation:landscape){.project-wrapper{display:table}.project-wrapper .project-details-wrapper{display:table-cell;vertical-align:top;width:50%;padding-right:1em;height:100%}.project-wrapper .project-views-wrapper{display:table-cell;vertical-align:middle;width:50%;padding-left:1em;height:100%}.project-wrapper .project-views-wrapper .project-views{display:block;padding-top:0}}@media screen and (min-height:480px) and (orientation:landscape){.project-wrapper .project-details-wrapper{width:40%;text-align:left}.project-wrapper .project-details-wrapper .project-description{display:block}.project-wrapper .project-views-wrapper{width:60%}.project-wrapper .project-views-wrapper .project-views .device-wrapper{max-width:66vh}.mobile-device{padding-left:33.33333333%}}footer{position:fixed;right:5px;font-size:12px;color:#7fcccc}