@font-face{font-family:'din-medium';src:url('files/fonts/din-medium.eot?') format('eot'),url('files/fonts/din-medium.woff') format('woff'),url('files/fonts/din-medium.ttf') format('truetype'),url('files/fonts/din-medium.svg#din-medium') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'dincond-bold';src:url('files/fonts/dincond-bold.eot?') format('eot'),url('files/fonts/dincond-bold.woff') format('woff'),url('files/fonts/dincond-bold.ttf') format('truetype'),url('files/fonts/dincond-bold.svg#dincond-bold') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'zur-light';src:url('files/fonts/zur-light.eot?') format('eot'),url('files/fonts/zur-light.woff') format('woff'),url('files/fonts/zur-light.ttf') format('truetype'),url('files/fonts/zur-light.svg#zur-light') format('svg');font-weight:normal;font-style:normal;}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,font,img,ins,kbd,q,s,samp,small,strike,strong,bold,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{width:100%;height:100%;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}body,td,th{font-family:"zur-light",Helvetica,Arial,sans-serif;font-size:16px;}a:link,a:visited{color:inherit;text-decoration:none;}a:hover,a:active{color:#000000;}::selection{background:#FFFFFF;color:#000000;}::-moz-selection{background:#FFFFFF;color:#000000;}a:hover,.linkedin:hover,.behance:hover,#menu-button:hover,.close:hover{-o-transition:0.8s;-ms-transition:0.8s;-moz-transition:0.8s;-webkit-transition:0.8s;transition:0.8s;}#cv-button,#email-button,#portfolio-button{transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;-o-transition:all 0.8s ease;}#cv-button:hover,#email-button:hover,#portfolio-button:hover{-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}h1{font-family:"din-medium",Helvetica,Arial,sans-serif;font-size:15.625em;font-weight:normal;font-style:normal;}h2{font-family:"dincond-bold",Helvetica,Arial,sans-serif;font-size:2em;font-weight:normal;font-style:normal;}h3{font-family:"din-medium",Helvetica,Arial,sans-serif;font-size:1em;font-weight:normal;font-style:normal;}h4{font-family:"zur-light",Helvetica,Arial,sans-serif;font-size:1em;font-weight:normal;font-style:normal;}h5{font-family:"zur-light",Helvetica,Arial,sans-serif;font-size:0.875em;font-weight:normal;font-style:normal;}#container{position:relative;width:100%;height:100vh;min-width:800px;min-height:600px;}#bgvid{position:fixed;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(images/blackpanther.jpg);background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%);}video{display:block;}#overlay{width:100%;height:100%;position:absolute;background-image:url(images/overlay.png);background-repeat:repeat;}#top-left{position:absolute;top:0px;left:0px;}#top-left .content{position:relative;margin-top:50px;margin-left:35px;}#name{color:#76C3D4;text-transform:uppercase;line-height:1.625em;}#name:hover{cursor:default;}#description{color:#EDEDED;margin-top:8px;}#top-right{position:absolute;top:0px;right:0px;}#top-right .content{position:relative;margin-top:35px;margin-right:35px;}#menu-button{width:50px;height:50px;background-image:url(images/menu.svg);background-repeat:no-repeat;background-position:right center;float:left;margin-right:5px;}#menu-button:hover{background-image:url(images/menu-hover.svg);cursor:pointer;}#bottom-left{position:absolute;bottom:0px;left:0px;}#bottom-left .content{position:relative;margin-bottom:70px;margin-left:35px;}.linkedin{width:35px;height:35px;border-radius:50%;background-image:url(images/linkedin.svg);background-color:#999;background-repeat:no-repeat;background-position:center center;float:left;margin-right:5px;}.linkedin:hover{background-color:#007AB9;}.behance{width:35px;height:35px;border-radius:50%;background-image:url(images/behance.svg);background-color:#999;background-repeat:no-repeat;background-position:center center;float:left;}.behance:hover{background-color:#4176fA;}#bottom-right{position:absolute;bottom:0px;right:0px;}#bottom-right .content{position:relative;margin-right:35px;margin-bottom:35px;}#copyright{text-align:right;color:#EDEDED;}#center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}#center .content{color:#FFFFFF;text-align:center;position:relative;}#center-top{width:800px;height:350px;}.digit-container{width:266px;height:100%;float:left;position:relative;}.digit-divider{background-color:#EDEDED;width:1px;height:100%;float:left;-webkit-transform:rotate(12deg);-moz-transform:rotate(12deg);-ms-transform:rotate(12deg);-o-transform:rotate(12deg);}#digit-experience{letter-spacing:-3.125em;margin-left:-80px;}#digit-awards{letter-spacing:-1.250em;margin-left:-20px;}#digit-skillsets{letter-spacing:-1.250em;margin-left:20px;}#digit-skillsets-more{font-size:4.5em;position:absolute;left:260px;bottom:85px;}.digit-description{margin-top:-30px;}#center-bottom{width:370px;margin-right:auto;margin-left:auto;margin-top:25px;}#cv{float:left;position:relative;}#email{float:left;margin-right:35px;margin-left:35px;position:relative;}#portfolio{float:left;position:relative;}#cv-button{background-image:url(images/cv.svg);background-repeat:no-repeat;background-position:center center;width:96px;height:96px;border:2px solid #FFF;border-radius:50%;}#cv-button:hover{background-color:#76C3D4;}#email-button{background-image:url(images/email.svg);background-repeat:no-repeat;background-position:center center;width:96px;height:96px;border:2px solid #FFF;border-radius:50%;}#email-button:hover{background-color:#76C3D4;}#portfolio-button{background-image:url(images/portfolio.svg);background-repeat:no-repeat;background-position:center center;width:96px;height:96px;border:2px solid #FFF;border-radius:50%;}#portfolio-button:hover{background-color:#76C3D4;}.button-description{width:100px;text-transform:uppercase;margin-top:15px;position:absolute;left:0px;top:100px;display:none;}#photo-container{width:100%;height:100%;position:absolute;top:0px;display:none;}#photo{width:95%;height:95%;background-color:#000000; background-image:url(images/darren.jpg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;margin-right:auto;margin-left:auto;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;border-radius:0px 0px 10px 10px;position:relative;}#hello{width:100%;position:absolute;bottom:5%;color:#FFF;letter-spacing:-1.25em;text-align:center;}#hello:hover{cursor:default;}.close{position:absolute;top:50px;right:35px;color:#FFF;text-transform:uppercase;}.close:hover{cursor:pointer;color:#000;}#menu{width:400px;height:100vh;position:absolute;background-color:rgba(0,0,0,0.8);right:0px;display:none;}#menu-container{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}#menu-list ul li{text-align:center;text-transform:uppercase;margin-bottom:25px;color:#FFF;}#menu-list ul li a:hover{color:#76C3D4;}#menu-divider{text-align:center;text-transform:uppercase;margin-bottom:50px;background-color:#999;height:1px;width:300px;margin-top:50px;margin-right:auto;margin-left:auto;}#menu-social-media{width:75px;margin-right:auto;margin-left:auto;}#menu-close:hover{cursor:pointer;color:#76C3D4;}