@import 'https://fonts.googleapis.com/css?family=Droid+Sans|Oxygen';html{font-size:16px}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{font:1em/1.5 Oxygen,sans-serif;background:url('../img/backgrounds/grey.png');opacity:1;-webkit-transition:1s opacity;transition:1s opacity}body.fade-out{opacity:0;-webkit-transition:none;transition:none}::-moz-selection{background:#020202;text-shadow:none;color:#fff}::selection{background:#020202;text-shadow:none;color:#fff}a,a:link{color:#000;text-decoration:none}a:visited{color:#000}a:focus{color:#ff6363}a:hover{color:#ff6363}a:active{color:#ff4545}ul,ol{margin:0;padding:0}a{color:#222;-webkit-transition:color ease .3s;transition:color ease .3s}a:hover{color:#ff4545}h1{font-size:2.3125rem}h2{font-size:1.5rem;font-weight:normal;letter-spacing:.125em}h3{font-size:1.3125rem;font-weight:normal;letter-spacing:.125em}span.degree{font-size:1.25rem}.container{text-align:center;max-width:1200px;margin-left:auto;margin-right:auto}.typed-cursor{opacity:1;font-size:1rem;-webkit-animation:blink .7s infinite;animation:blink .7s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}nav{height:100%;width:100%;position:fixed;z-index:-1;top:0;opacity:0;background:rgba(0,0,0,.95);overflow-x:hidden;-webkit-transition:opacity .3s linear;transition:opacity .3s linear;border:solid 5px #ff4545}.no-js nav{display:none}nav.open{z-index:2;opacity:1}.nav-content{width:100%;color:#fff;position:relative;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);list-style:none}nav li{text-align:center}nav a,nav a:link,nav a:visited{padding:8px;text-decoration:none;font-size:2rem;color:#fff;display:block;text-align:center;letter-spacing:.125em}nav a:focus,nav a:hover,nav a.active{color:#ff4545}#navBtn{display:inline-block;cursor:pointer;z-index:2;position:fixed;top:25px;right:25px}.no-js #navBtn{display:none}.bar1,.bar2,.bar3{width:35px;height:5px;margin:6px 0;background:#ff4545;-webkit-transition:.3s;transition:.3s}.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px)}.change .bar2{opacity:0}.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px)}#particles-js{position:absolute;top:0;width:100%;height:100%;z-index:-1}#intro,#not-found{position:relative;height:100vh}#intro .container,#not-found .container{font-family:'Droid Sans',sans-serif;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);max-width:none;width:100%}#intro span.greeting,#not-found h1 span{display:block;font-size:1rem}#intro p{height:60px}.section-icon{font-size:2rem;color:#ff3131;margin-bottom:1rem}.social-icon{font-size:2rem}h1{text-transform:uppercase;letter-spacing:.125em;font-weight:normal;margin-top:0}h1:after{content:"";display:block;width:8rem;height:3px;margin:1rem auto 0;background:#ff4545}section{padding:80px 0}section>.container,footer>.container{padding:0 10%}#skills,#contact{background:#383838;color:#fff}footer{padding:20px 0;letter-spacing:.125rem}#education h2 span{display:block}#skills h3{position:relative;text-align:left;margin-bottom:.5em}.skill-container{width:100%;background:rgba(235,235,235,3)}.skill-bar{height:20px;background:-webkit-gradient(linear,left top,right top,from(#e16363),color-stop(33%,#eb5959),color-stop(66%,#f54f4f),to(#ff4545)),#ff4545;background:linear-gradient(to right,#e16363 0,#eb5959 33%,#f54f4f 66%,#ff4545 100%),#ff4545;border-right:solid 2px #222}span.level{position:absolute;right:0;bottom:0;font-size:.8rem}.html{width:85%}.javascript{width:60%}.photoshop{width:50%}.illustrator{width:30%}.git{width:35%}.btn-default{border-color:transparent;background:transparent;color:#fff;border:solid 3px #fff;-webkit-transition:border ease .3s;transition:border ease .3s;letter-spacing:.125em}.btn{display:inline-block;padding:10px 30px;text-transform:uppercase;outline:0}.btn:hover{border:solid 3px #ff4545;color:#fff}.btn:active{background:#ff4545;color:#fff}form>div{margin-bottom:20px}label{display:block;text-align:left}input,textarea{outline:0;border:0;border-bottom:solid 3px #fff;padding:10px 20px 10px 0;color:#fff;line-height:1.5em;margin-top:10px;width:100%;border-radius:0;background:transparent;margin-bottom:20px}textarea{resize:none;overflow:hidden}input.error,textarea.error{border-bottom:solid 3px red}#from_message{clear:both;outline:0!important}span.status{float:right;color:green}div.error{color:#ff4545}::-webkit-input-placeholder{color:#ccc}:-ms-input-placeholder{color:#ccc}::-ms-input-placeholder{color:#ccc}::placeholder{color:#ccc}label{letter-spacing:.125rem}.result{min-height:1em}#recaptcha{width:304px;margin:0 auto 30px}@media(max-width:825px) and (orientation:landscape){nav li a{font-size:1.5rem!important}}@media(min-width:768px){html{font-size:18px}.container{width:90%}nav{border:solid 7.5px #ff4545}}@media(min-width:992px){html{font-size:20px}nav{border:solid 10px #ff4545}.container{width:80%}}@media(min-width:1200px){.project-image{max-width:700px}section{padding:125px 0}nav{border:solid 12.5px #ff4545}.skill{width:46.5%}.skill:nth-child(odd){float:left}.skill:nth-child(even){float:right}#from_name{width:47.5%;float:left}#from_email{width:47.5%;float:right}}.clearfix::after{content:"";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}