@import url(//fonts.googleapis.com/css?family=Monoton|Montserrat:400,700|Open+Sans:400italic,700italic,400,700);.neon-glow-1{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}.neon-glow-2{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}.neon-off{color:#000;text-shadow:none}.neon-broken{color:#000;text-shadow:none}.neon-animation{-webkit-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-moz-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-o-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-webkit-animation-delay:0s,10s;-moz-animation-delay:0s,10s;-o-animation-delay:0s,10s;animation-delay:0s,10s}.neon-broken-animation{-webkit-animation:neon-broken 10s infinite;-moz-animation:neon-broken 10s infinite;-o-animation:neon-broken 10s infinite;animation:neon-broken 10s infinite}@-webkit-keyframes neon-start{20%,70%{color:#000;text-shadow:none}25%,50%,75%,95%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}55%{color:#000;text-shadow:none}}@-moz-keyframes neon-start{20%,70%{color:#000;text-shadow:none}25%,50%,75%,95%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}55%{color:#000;text-shadow:none}}@-o-keyframes neon-start{20%,70%{color:#000;text-shadow:none}25%,50%,75%,95%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}55%{color:#000;text-shadow:none}}@keyframes neon-start{20%,70%{color:#000;text-shadow:none}25%,50%,75%,95%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}55%{color:#000;text-shadow:none}}@-webkit-keyframes neon-glow{from{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@-moz-keyframes neon-glow{from{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@-o-keyframes neon-glow{from{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@keyframes neon-glow{from{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}to{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@-webkit-keyframes neon-broken{21%,39%,45%,47%,53%{color:#000;text-shadow:none}26%,38%,40%,44%,46%,48%{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@-moz-keyframes neon-broken{21%,39%,45%,47%,53%{color:#000;text-shadow:none}26%,38%,40%,44%,46%,48%{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@-o-keyframes neon-broken{21%,39%,45%,47%,53%{color:#000;text-shadow:none}26%,38%,40%,44%,46%,48%{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}@keyframes neon-broken{21%,39%,45%,47%,53%{color:#000;text-shadow:none}26%,38%,40%,44%,46%,48%{color:#fff;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #f17,0 0 35px #f17,0 0 40px #f17,0 0 50px #f17,0 0 75px #f17}}body{position:relative;font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.6}section{position:relative}.container{padding-bottom:60px}.container h1{font-family:'Monoton',sans-serif;font-size:42px;font-weight:400;text-align:center;text-transform:uppercase;word-spacing:10px}.container h1 small{display:block;font-family:'Montserrat',sans-serif;font-size:24px;text-transform:none;word-spacing:normal}.page-header{border-bottom:4px double #eee}#main-header{position:fixed;top:0;left:0;z-index:1;width:100%;height:80vh;padding-right:0;padding-left:0;background:#222;background:-webkit-radial-gradient(center, ellipse cover, #222 0, #111 100%);background:-moz-radial-gradient(center, ellipse cover, #222 0, #111 100%);background:-o-radial-gradient(center, ellipse cover, #222 0, #111 100%);background:radial-gradient(center, ellipse cover, #222 0, #111 100%);overflow:hidden}#main-header .container{position:absolute;height:15%;top:0;right:0;bottom:0;left:0;margin:auto;padding:0 !important;overflow:visible;white-space:nowrap}#main-header h1{color:#000;font-family:'Monoton',sans-serif;font-size:90px;font-weight:400}#main-header h1 span{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #f17,0 0 70px #f17,0 0 80px #f17,0 0 100px #f17,0 0 150px #f17}#main-header h1 span.broken{color:#000;text-shadow:none}#main-header small{color:#fff;font-family:'Montserrat',sans-serif;font-size:44px;font-weight:400}html:not(.mobile) #main-header h1 span{-webkit-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-moz-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-o-animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;animation:neon-start 10s ease-in,neon-glow 1.5s ease-in-out infinite alternate;-webkit-animation-delay:0s,10s;-moz-animation-delay:0s,10s;-o-animation-delay:0s,10s;animation-delay:0s,10s}html:not(.mobile) #main-header h1 span.broken{color:#000;-webkit-animation:neon-broken 10s infinite;-moz-animation:neon-broken 10s infinite;-o-animation:neon-broken 10s infinite;animation:neon-broken 10s infinite}.residual-container{display:block;position:absolute;top:80vh;z-index:2;width:100%;background-color:#fff}.residual-container:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#fff;background:-webkit-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-moz-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-o-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%),-webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}.portfolio .work-thumbnail{display:block;margin-bottom:20px}.portfolio .work-thumbnail:hover h3{color:#f17}.portfolio figure{display:block;position:relative;border:5px solid #161616;overflow:hidden}.portfolio figure:hover figcaption,.portfolio figure:focus figcaption{left:0}.portfolio figure:hover figcaption p,.portfolio figure:focus figcaption p{display:block}.portfolio figcaption{position:absolute;bottom:0;width:100%;padding:10px;background-color:rgba(0,0,0,0.8);color:#aaa;font-size:14px}.portfolio figcaption h3{margin:0;font-family:'Montserrat',sans-serif;font-size:18px;font-weight:400}.portfolio figcaption p{margin:5px 0 0 0}#about{background-color:#111;color:#555}#about:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#111;background:-webkit-linear-gradient(45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%), -webkit-linear-gradient(-45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%);background:-moz-linear-gradient(45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%), -webkit-linear-gradient(-45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%);background:-o-linear-gradient(45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%), -webkit-linear-gradient(-45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%);background:linear-gradient(45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%),-webkit-linear-gradient(-45deg, #111 33.333%, transparent 33.333%, transparent 66.667%, #111 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#about .page-header{border-bottom-color:#1e1e1e}#about h1{color:#228dff}#about h1 span{color:#f17}#about aside{padding:10px 15px 5px 15px;-webkit-border-radius:7px;border-radius:7px;background-color:#202020;color:#666;font-size:14px}#skills{background-color:#191919;color:#666}#skills:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#191919;background:-webkit-linear-gradient(45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%), -webkit-linear-gradient(-45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%);background:-moz-linear-gradient(45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%), -webkit-linear-gradient(-45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%);background:-o-linear-gradient(45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%), -webkit-linear-gradient(-45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%);background:linear-gradient(45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%),-webkit-linear-gradient(-45deg, #191919 33.333%, transparent 33.333%, transparent 66.667%, #191919 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#skills .page-header{border-bottom-color:#252525}#skills h1{color:#b6ff00}#skills h1 small{color:#f90}#skills .skills-list{margin:1.5em 0;padding:0;text-align:center}#skills .label{display:inline-block;margin:7px 5px;color:#191919;font-family:'Montserrat',sans-serif;font-size:16px;font-weight:400;line-height:1.6}#skills .skills-legend{padding:0;list-style:none;text-align:center}#skills .skills-legend li{display:inline-block;margin:3px 10px}#skills .skills-legend span{display:inline-block;padding:7px}.web-development{background-color:#b6ff00}.web-design{background-color:#228dff}.development-tool{background-color:#ba01ff}.design-tool{background-color:#f90}.game-design-tool{background-color:#f17}.music-tool{background-color:#ffdd1b}#portfolio{position:relative;background-color:#202020;color:#777}#portfolio:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#202020;background:-webkit-linear-gradient(45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%), -webkit-linear-gradient(-45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%);background:-moz-linear-gradient(45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%), -webkit-linear-gradient(-45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%);background:-o-linear-gradient(45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%), -webkit-linear-gradient(-45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%);background:linear-gradient(45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%),-webkit-linear-gradient(-45deg, #202020 33.333%, transparent 33.333%, transparent 66.667%, #202020 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#portfolio .page-header{border-bottom-color:#2d2d2d}#portfolio h1{color:#228dff}#portfolio .work-thumbnail{cursor:pointer}#portfolio .work-full{margin-left:100%}#portfolio .work-full .modal-wrapper{height:100%;margin-left:20px;padding:20px;overflow:auto;background-color:#fff}#portfolio .work-full .modal-wrapper:before{content:'';display:block;position:absolute;top:0;right:0;left:0;width:20px;height:100%;background-color:#fff;background:-webkit-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-moz-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-o-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%),-webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);-webkit-background-size:80px 40px;background-size:80px 40px;background-position:-40px center}#portfolio .work-full .modal-header{border:none;font-family:'Montserrat',sans-serif}#portfolio .work-full .modal-header h4{color:#228dff;font-size:30px}#portfolio .work-full .modal-header a.close{display:inline-block;padding:0 12px;opacity:1;-webkit-border-radius:50%;border-radius:50%;color:#aaa;font-size:40px;line-height:45px;text-shadow:none}#portfolio .work-full .modal-header a.close:hover{color:#f17}#portfolio .work-full p{padding:0 16px}#portfolio .work-full p a{color:#f17}#portfolio .work-full .work-meta{padding-bottom:1em;font-family:'Montserrat',sans-serif}#portfolio .work-full .work-meta a{color:#f17;font-weight:700}#portfolio .work-full .work-skills{padding:1em 10px 1em 10px}#portfolio .work-full .label{display:inline-block;margin:7px 5px;color:#191919;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:400;line-height:1.6}#portfolio .work-full .swiper-container{width:100%;min-height:150px}#portfolio .work-full .swiper-wrapper img{min-height:150px}#resume{background-color:#303030;color:#777}#resume:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#303030;background:-webkit-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:-moz-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:-o-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%),-webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#resume .page-header{border-bottom-color:#3c3c3c}#resume h1{color:#fff}#resume h1 a{color:#b6ff00}#cd-timeline{position:relative;padding:2em 0;margin:2em 0}#cd-timeline:before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background-color:#3c3c3c}#cd-timeline .cd-timeline-block{position:relative;margin:1em 0}#cd-timeline .cd-timeline-block:first-child{margin-top:0}#cd-timeline .cd-timeline-block:last-child{margin-bottom:0}#cd-timeline .cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;-webkit-border-radius:50%;border-radius:50%;border:4px solid #ddd;background-color:#f17}#cd-timeline .cd-timeline-img.none{background-color:#555}#cd-timeline .cd-timeline-img.web-development{background-color:#b6ff00}#cd-timeline .cd-timeline-img.web-design{background-color:#228dff}#cd-timeline .cd-timeline-img.design-tools{background-color:#f90}#cd-timeline .cd-timeline-content{position:relative;margin-left:60px;padding:1em;background-color:#ddd;-webkit-border-radius:7px;border-radius:7px;color:#222}#cd-timeline .cd-timeline-content:before{content:'';position:absolute;top:16px;right:100%;width:0;height:0;border:7px solid transparent;border-right-color:#ddd}#cd-timeline .cd-timeline-content h3{margin:0;font-family:'Montserrat',sans-serif;font-size:20px}#cd-timeline .cd-timeline-content h4{margin-bottom:0;font-family:'Montserrat',sans-serif;font-size:14px}#cd-timeline .cd-timeline-content p{font-size:14px;margin:10px 0 0 0}#cd-timeline .cd-timeline-content .cd-date{display:inline-block;float:left;margin-top:10px;padding:0;font-family:'Montserrat',sans-serif;font-size:12px;font-style:italic}#cd-timeline .cd-timeline-content.end{padding:.7em 0;background:none;color:#555}#cd-timeline .cd-timeline-content.end h3{margin:0;font-size:18px}#cd-timeline .cd-timeline-content.end:before{display:none}#cd-timeline .cd-timeline-content.end .cd-date{margin:0}@media only screen and (min-width:600px){#cd-timeline{margin-top:2em;margin-bottom:2em}#cd-timeline:before{left:50%;margin-left:-2px}#cd-timeline .cd-timeline-img{left:50%;margin-left:-20px}#cd-timeline .cd-timeline-content{margin-left:0;width:45%}#cd-timeline .cd-timeline-content:before{top:15px;left:100%;border-color:transparent;border-left-color:#ddd}#cd-timeline .cd-timeline-content .cd-date{position:absolute;width:100%;top:8px;left:122%;margin:0;color:#ddd;font-size:16px}#cd-timeline .cd-timeline-block{margin:2em 0}#cd-timeline .cd-timeline-block:first-child{margin-top:0}#cd-timeline .cd-timeline-block:last-child{margin-bottom:0}#cd-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content{float:right}#cd-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content:before{top:15px;right:100%;left:auto;border-color:transparent;border-right-color:#ddd}#cd-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{right:122%;left:auto;text-align:right}#cd-timeline .cd-timeline-block:nth-child(odd) .cd-timeline-content.end h3{text-align:right}}#continue{background-color:#fff}#continue:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#fff;background:-webkit-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-moz-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:-o-linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%), -webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);background:linear-gradient(45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%),-webkit-linear-gradient(-45deg, #fff 33.333%, transparent 33.333%, transparent 66.667%, #fff 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#continue .page-header{border-bottom-color:#ddd}#continue h1{color:#ba01ff}#games{background-color:#303030;color:#777}#games:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#303030;background:-webkit-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:-moz-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:-o-linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%), -webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);background:linear-gradient(45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%),-webkit-linear-gradient(-45deg, #303030 33.333%, transparent 33.333%, transparent 66.667%, #303030 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#games .page-header{border-bottom-color:#3c3c3c}#games h1{color:#f17}#games h1 small{color:#228dff}#music{background-color:#373737;color:#888}#music:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#373737;background:-webkit-linear-gradient(45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%), -webkit-linear-gradient(-45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%);background:-moz-linear-gradient(45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%), -webkit-linear-gradient(-45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%);background:-o-linear-gradient(45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%), -webkit-linear-gradient(-45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%);background:linear-gradient(45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%),-webkit-linear-gradient(-45deg, #373737 33.333%, transparent 33.333%, transparent 66.667%, #373737 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#music .page-header{border-bottom-color:#444}#music h1{color:#ffdd1b}#music h1 small{color:#ba01ff}#social{background-color:#3f3f3f;color:#999}#social:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#3f3f3f;background:-webkit-linear-gradient(45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%), -webkit-linear-gradient(-45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%);background:-moz-linear-gradient(45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%), -webkit-linear-gradient(-45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%);background:-o-linear-gradient(45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%), -webkit-linear-gradient(-45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%);background:linear-gradient(45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%),-webkit-linear-gradient(-45deg, #3f3f3f 33.333%, transparent 33.333%, transparent 66.667%, #3f3f3f 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#social .page-header{border-bottom-color:#4c4c4c}#social h1{color:#228dff}#social .social-icons{padding:0;list-style:none;font-size:24px;line-height:1;text-align:center}#social .social-icons li{display:inline-block}#social .social-icons li a{display:block;width:34px;height:34px;padding:5px 0;color:#fff}#social .social-icons li a:hover{text-decoration:none}#social .social-icons li .fa-facebook:hover{background-color:#3b5998}#social .social-icons li .fa-twitter:hover{background-color:#55acee}#social .social-icons li .fa-google-plus:hover{background-color:#dd4b39}#social .social-icons li .fa-linkedin:hover{background-color:#0976b4}#social .social-icons li .fa-github:hover{background-color:#333}#social .social-icons li .fa-soundcloud:hover{background-color:#f30}#social .social-icons li .fa-steam:hover{background-color:#000}#social .social-icons li .fa-youtube:hover{background-color:#e52d27}#social .social-icons li .fa-stack-overflow:hover{background-color:#fe7a15}#social .social-icons li .fa-tumblr:hover{background-color:#35465c}#social .social-icons li .fa-lastfm:hover{background-color:#c3000d}#social .social-icons li .fa-pinterest-p:hover{background-color:#cc2127}#social .social-icons li .fa-envelope:hover{background-color:#f17}#main-footer{position:relative;background-color:#060606;color:#444;font-family:'Montserrat',sans-serif;font-size:14px;text-align:center}#main-footer:before{content:'';display:block;position:absolute;top:-20px;right:0;left:0;height:20px;background-color:#060606;background:-webkit-linear-gradient(45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%), -webkit-linear-gradient(-45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%);background:-moz-linear-gradient(45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%), -webkit-linear-gradient(-45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%);background:-o-linear-gradient(45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%), -webkit-linear-gradient(-45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%);background:linear-gradient(45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%),-webkit-linear-gradient(-45deg, #060606 33.333%, transparent 33.333%, transparent 66.667%, #060606 66.667%);-webkit-background-size:40px 80px;background-size:40px 80px;background-position:center -40px}#main-footer .page-header{border-bottom-color:#131313}#main-footer .container{padding:15px}/*! 
 * angular-loading-bar v0.7.1
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2015 Wes Cruver
 * License: MIT
 */#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active{opacity:0}#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#29d;position:fixed;z-index:10002;top:0;left:0;width:100%;height:2px;-webkit-border-bottom-right-radius:1px;border-bottom-right-radius:1px;-webkit-border-top-right-radius:1px;border-top-right-radius:1px}#loading-bar .peg{position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-ms-box-shadow:#29d 1px 0 6px 1px;-webkit-box-shadow:#29d 1px 0 6px 1px;box-shadow:#29d 1px 0 6px 1px;-webkit-border-radius:100%;border-radius:100%}#loading-bar-spinner{display:block;position:fixed;z-index:10002;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;-webkit-border-radius:10px;border-radius:10px;-webkit-animation:loading-bar-spinner 400ms linear infinite;-moz-animation:loading-bar-spinner 400ms linear infinite;-ms-animation:loading-bar-spinner 400ms linear infinite;-o-animation:loading-bar-spinner 400ms linear infinite;animation:loading-bar-spinner 400ms linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-bar-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-bar-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-bar-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:500px){#main-header h1{font-size:42px}#main-header h1 small{font-size:20px}.container h1{font-size:30px}.container h1 small{font-size:20px}}@media (max-width:600px){.portfolio .row .col-xs-6{width:100%}}