*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto Slab,serif;font-weight:700;font-size:1rem}nav{font-family:Montserrat,sans-serif;font-weight:400}li,ul{list-style:none;padding:0;margin:0}a{text-decoration:none}i{color:#14c8ff}img{max-width:90%;height:auto}header{padding:.2em 0}hr{color:#989a9e}figure.test{display:inline-block;position:relative;overflow:hidden;text-align:center;cursor:pointer}figure.test img{width:100%;height:100%}figure.test figcaption{position:absolute;top:50%;left:22.5%;right:22.5%;margin:0 auto;width:200px;opacity:0;z-index:1;transition:all .8s ease-out;transition-delay:.2s}figure.test:after{display:inline-block;position:absolute;content:"";top:7%;left:10%;right:10%;bottom:7%;background:#fff;opacity:0;transition:all .8s ease-out}figure.test:hover:after{opacity:.9}figure.test:hover figcaption{transform:translateY(-50%);opacity:1}.project-holder1{margin:3rem auto}.btn-danger{font-size:1rem;font-weight:900;text-transform:uppercase;background-color:transparent;color:#fff;border:1px solid #14c8ff;cursor:pointer}.btn-danger:hover{background-color:#6e92a6;transition:background-color 2s}.header-bar{margin:12px auto;width:90px;border-bottom:4px solid #fff}.bar{border-bottom:4px solid #121213}.about-heading,.badge-header,.project-header,.skill-text{text-transform:uppercase}.about,.form-div,.project{padding:2em 0}.fa-i{color:#14c8ff}.fa-i:hover{color:#fff;transition:2s}.bg-header{background-color:#121213;border-bottom:3px solid #14c8ff;color:#fff}.midsection-bg{background:#f1f1f1;opacity:1;color:#121213}.relevanttech-bg{color:#121213;padding:1em}.primary-bg{background-color:#121213;color:#1b262c}.portfolio-bg{background-color:#989a9e;color:#121213}.contact-bg{background-color:#121213}.form-bg{background-color:#1b262c}@media (min-width:768px){.relevanttech-bg{background:#f5f5f5}}@media (min-width:1440px){.project-holder1{margin:5rem auto}}