/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}body,h1{margin:0}h1,legend,td,th{padding:0}.button,.detail-content,.overview-content{text-align:center}.button:after,.underline:after{content:''}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}.button,.nav-container a,.nav-container li{display:inline-block}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.button,.logo-container{font-family:Roboto,sans-serif;font-weight:800;letter-spacing:2px}button{overflow:visible}button,select{text-transform:none}.button,.logo-container,.project-title,h1{text-transform:uppercase}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:inherit}body{background:#fff;font-size:16px}.underline:after{position:absolute;bottom:-5px;left:0;width:50px;height:2px;background:#fff}.underline--center{background:red}h1{color:#fff;font-family:Roboto,sans-serif;letter-spacing:2px;font-size:2rem}.button{position:relative;color:#087eb4;text-decoration:none;width:100%;padding:15px 80px;margin:10px 0 30px;font-size:.857rem;border:1px solid #087eb4;transition:all .2s ease-out;z-index:1}@media screen and (min-width:500px){.button{width:auto}}.button:after{position:absolute;top:50%;left:50%;width:90%;height:90%;background:#087eb4;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);z-index:-1;transition:all .15s ease-out}.hero:after,.project-pod::after,.project-pod::before,.project-title::after{content:'';left:0}.button:hover{color:#fff}.button:hover:after{width:100%;height:100%;opacity:1}.nav-container ul{list-style:none;float:right;height:100%;padding:0;margin:0}.nav-container li:last-child a{margin-right:0}.nav-container a{width:20px;height:20px;margin:14px 10px;cursor:pointer;color:transparent;font-size:0}.header-content,.project-info{display:-webkit-box;display:-ms-flexbox}.social-icon{background:url(../img/social-icons.svg) no-repeat}.social-linked{background-position:-20px 0}.social-twitter{background-position:-40px 0}.social-github{background-position:-60px 0}header{position:fixed;width:100%;height:100px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.65) 0,transparent 100%)}.header-content{width:100%;padding:0 10px;display:flex}.logo-container,.nav-container{position:relative;height:100%;text-decoration:none}.nav-container{-webkit-box-flex:1;-ms-flex:1;flex:1}.logo-container{color:#fff;padding:14px 0}.detail-content,.logo-skill,.project-title{font-family:Lato,sans-serif}.logo-skill{position:relative;font-size:.75rem;font-weight:300;padding-bottom:5px}.project-container{min-height:100vh;-webkit-perspective:600;perspective:600}.project-pod{position:relative;display:inline-block;width:100%;color:#fff;cursor:pointer;overflow:hidden;transition:all .2s ease-out}.project-pod::before{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));z-index:1;transition:all .2s ease-out}.project-pod img{width:100%;display:block;transition:all 20s ease-out}.project-pod:hover{z-index:10;-webkit-transform:scale(1.02);transform:scale(1.02)}.project-pod:hover::after{opacity:1}.project-pod:hover::before{opacity:0}.project-pod:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-pod::after{position:absolute;top:0;width:100%;height:100%;opacity:0;background:linear-gradient(to bottom right,rgba(255,0,0,.2),rgba(8,126,180,.8));transition:all .2s ease-out}.project-skills,.project-title{font-weight:100;transition:all .15s ease-out}@media screen and (min-width:500px){.project-pod{width:50%}}@media screen and (min-width:750px){.project-pod{width:33.333%}}.project-info{position:absolute;padding:0 20px;bottom:20px;z-index:2;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project-logo{width:40px;margin-bottom:20px}.project-logo img{width:100%}.project-title{position:relative;font-size:2rem;letter-spacing:2.5px;margin-bottom:40px}.project-title::after{position:absolute;bottom:-20px;width:25%;height:2px;background:#fff}@media screen and (min-width:500px){.project-title{font-size:1.25rem}}.project-skills{margin:0;font-family:Roboto,sans-serif;font-style:italic;font-size:.75rem;letter-spacing:1px}@media screen and (min-width:500px){.project-skills{font-size:.6875rem}}.hero{position:relative;width:100%;background-position:center center;background-size:cover}.hero:after{position:absolute;top:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.2)}.detail-content{background:#fff;padding:30px 20px;width:100%;max-width:800px;margin:auto;font-weight:300;line-height:1.75rem}.intro,.project-information .project-title{font-family:Lato,sans-serif;font-weight:100}.project-information{position:relative;z-index:3;text-align:center;padding:100px 10px}.project-information .project-title{color:#fff;font-size:2rem;margin-bottom:40px}.project-information .project-title::after{width:10%;bottom:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.project-information .project-skills{color:#fff}.detail-images img{width:100%}.detail-image{padding-bottom:30px;margin-bottom:20px}.detail-image__description{font-size:.875rem;font-style:italic;color:#0F0F0F}.copyright{font-size:.7rem;color:#bababa;font-style:italic}.overview{position:relative;height:75vh;background:#3f3f3f;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.intro{background:linear-gradient(to bottom right,#087eb4,#043a52);-webkit-background-clip:text;-webkit-text-fill-color:transparent}