@charset "UTF-8";/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}body,html,sub,sup{position:relative}body,h3,html{font-size:18px}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;width:100%}body{margin:0}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}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}h1{margin:.67em 0;font-size:26px}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;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{overflow:visible}button,select{text-transform:none}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:border-box}body,html{background:linear-gradient(to bottom,#140064,#640064) no-repeat fixed;color:#444;height:100%;min-height:100vh;font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;text-transform:uppercase}h2{font-size:22px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}.container{max-width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.container:after{content:" ";display:block;clear:both}@media (min-width:1200px){.container{max-width:1200px;margin-left:auto;margin-right:auto}.container:after{content:" ";display:block;clear:both}}.fixed{position:fixed;left:0;top:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}#about,#contact,#intro,#portfolio,#skills{padding-top:70px;position:relative;min-height:100vh}#intro:before,.browserupgrade{width:100%;height:100%;top:0;left:0;position:absolute}@media (min-width:768px){#about,#contact,#intro,#portfolio,#skills{padding-top:120px}}.hidden *{visibility:hidden}.browserupgrade{text-align:center;font-size:2em}@-webkit-keyframes fadeInOut{0%{opacity:.8}100%{opacity:.6}}@keyframes fadeInOut{0%{opacity:.8}100%{opacity:.6}}#intro{padding-top:0;display:-webkit-flex;display:flex;padding-bottom:100px;background:url(/images/background-6.jpg) center no-repeat fixed;background-size:cover}#intro:before,#portfolio:before{background-image:url(/images/background-2.jpg)}#intro:before{content:' ';display:block;z-index:1;background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;background-size:cover;-webkit-animation-name:fadeInOut;animation-name:fadeInOut;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-duration:2s;-webkit-animation-direction:alternate;animation-direction:alternate}#about:before,#intro:before{-webkit-animation-duration:2s;opacity:.6;-webkit-animation-timing-function:ease-in-out}#intro .container{width:100%;height:100%;z-index:2;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-justify-content:space-between;justify-content:space-between}#intro .container #img--me{box-shadow:inset 0 0 200px #333;height:40vh;border-radius:50%;border:5px solid bisque;background:rgba(0,0,0,.2)}@media (min-width:768px){#intro .container #img--me{height:50vh}}#intro .container h1{color:bisque;text-align:center;font-size:4vh;display:-webkit-flex;display:flex}#intro .container h2{color:bisque;text-align:center;font-size:3vh;display:-webkit-flex;display:flex}#intro .container p{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;color:bisque;text-align:center}#intro .container p span{margin:12px 0}#intro .container p a{text-decoration:none;text-transform:uppercase;color:bisque;padding:10px 30px;background:linear-gradient(to bottom,rgba(0,0,10,.5),#000014);transition:1s;border:2px solid bisque}#intro .container p a:hover{background:#00000a;color:#c46a00;border:2px solid #c46a00}#navigation{width:100%;position:relative;background:#00001e;border-top:2px solid #A02D3A;border-bottom:2px solid #A02D3A;z-index:50}#navigation.fixed{position:fixed}#navigation .container{background:#00001e;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#navigation .container a#jclogo--nav,#navigation .container nav{display:none}#navigation .container span#menu{font-size:18px;line-height:24px;text-transform:uppercase;color:bisque;position:relative;padding:.5em 1em .5em 0;margin:auto;text-align:center;width:100%}#navigation .container span#menu:before{content:"";position:absolute;top:.8em;right:calc(50% - 3em);width:1em;height:.7em;border-top:.4em double bisque;border-bottom:.15em solid bisque}#navigation .container span#menu.active{color:#c46a00}#navigation .container span#menu.active:before{content:"✖";top:.5em;border:none}#navigation .container nav ul{display:block;-webkit-padding-start:0;-moz-padding-start:0}#navigation .container nav ul li{list-style:none;display:block;text-align:center;height:70px;line-height:35px;border-bottom:1px solid #012}#navigation .container nav ul li:first-child{border-top:1px solid #012}#navigation .container nav ul li p{margin:0;font-family:'Open Sans',sans-serif;text-transform:uppercase}#navigation .container nav ul li p a{display:block;text-decoration:none;color:bisque;transition:500ms}#about .container.about a,.next{text-align:center;text-decoration:none;transition:1s}#navigation .container nav ul li p a.active,#navigation .container nav ul li p a:hover{color:#c46a00}#navigation .container nav ul li p a span{display:block;font-size:12px;color:#ffb55e;text-transform:none;font-style:italic}@media (min-width:768px){#navigation .container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}#navigation .container a#jclogo--nav{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}#navigation .container a#jclogo--nav img{height:50px;max-width:none}#navigation .container span#menu{display:none}#navigation .container nav{display:block!important;-webkit-flex:1 1 800px;flex:1 1 800px}#navigation .container nav ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}#navigation .container nav ul li{-webkit-flex:1 0 auto;flex:1 0 auto;height:50px;line-height:25px;padding:0 10px;border:none}#navigation .container nav ul li:first-child{border:none}#navigation .container nav ul li p a{float:right;display:block}}#about:before,.next{width:100%;display:block;position:absolute}@media (min-width:768px){#navigation{background:#00001e;border-top:4px solid #A02D3A;border-bottom:4px solid #A02D3A}}.next{bottom:0;font-style:italic;color:bisque;padding:10px 30px;background:#012;z-index:5;border-top:2px solid #A02D3A;border-bottom:2px solid #A02D3A}.next:after,.next:before{content:' ▼ '}.next:hover{background:#00000a;color:#c46a00}#about{padding-bottom:100px;background:url(/images/background-2.jpg) center fixed;color:bisque}#about:before{z-index:1;background-image:url(/images/background-6.jpg);background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;background-size:cover;animation-name:fadeInOut2;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:2s;animation-direction:alternate}#about:before,#skills:before{-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite;content:' ';left:0;top:0;height:100%;-webkit-animation-name:fadeInOut2}#about .container.about{position:relative;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#about .container.about header{width:100%}#about .container.about .blurb{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#about .container.about section{width:100%;margin:0 0 1em}#about .container.about section h3{margin-top:0}@media (min-width:768px){#about .container.about{text-align:center}#about .container.about .blurb{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-content:flex-end;align-content:flex-end}#about .container.about .blurb section{background:rgba(0,0,10,.5);border:2px solid bisque;padding:20px;width:calc(100%/3 - 20px)}}#about .container.about a{text-transform:uppercase;color:bisque;padding:10px 30px;background:linear-gradient(to bottom,rgba(0,0,10,.5),#000014);border:2px solid bisque}#about .container.about a:hover{background:#00000a;color:#c46a00;border:2px solid #c46a00}@-webkit-keyframes fadeInOut2{0%{opacity:.4}100%{opacity:.6}}@keyframes fadeInOut2{0%{opacity:.4}100%{opacity:.6}}#skills{padding-top:0;background:url(/images/background-2.jpg) center fixed;color:bisque;background-size:cover;padding-bottom:100px}#skills:before{display:block;position:absolute;width:100%;z-index:1;opacity:.6;background-image:url(/images/background-6.jpg);background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;background-size:cover;animation-name:fadeInOut2;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;animation-direction:alternate}#skills .container.skills{position:relative;z-index:2;padding-top:30px}#skills .container.skills header{text-align:center}#skills .container.skills #img--skills{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center}@media (min-width:480px){#skills .container.skills #img--skills{-webkit-flex-direction:row;flex-direction:row}}#skills .container.skills #img--skills img{width:229px;height:153px}#skills .container.skills #img--skills span{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;font-size:36px}#skills .container.skills .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;padding-left:0;padding-right:0}@media (min-width:768px){#skills .container.skills{padding-top:120px}#skills .container.skills .container #coding,#skills .container.skills .container #designing{display:-webkit-flex;display:flex;margin:1em 0;-webkit-justify-content:space-between;justify-content:space-between}#skills .container.skills .container #coding div,#skills .container.skills .container #designing div{text-align:center;width:calc(100%/3 - 20px);background:rgba(0,0,10,.5);border:2px solid bisque;padding:20px}#skills .container.skills .container #coding div h2,#skills .container.skills .container #designing div h2{margin:0}}#contact,#portfolio{color:bisque;padding-bottom:100px}#portfolio{position:relative;background:url(/images/background-6.jpg) center fixed;background-size:cover}#portfolio:before{display:block;position:absolute;width:100%;height:100%;z-index:1;opacity:.6;background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;background-size:cover;animation-name:fadeInOut2;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;animation-direction:alternate}#contact:before,#portfolio:before{-webkit-animation-direction:alternate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;top:0;left:0;content:' ';-webkit-animation-name:fadeInOut2}#portfolio .container.portfolio{z-index:2;position:relative;text-align:center}#portfolio .container.portfolio .cards{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}#portfolio .container.portfolio .cards .card{border:2px solid bisque;width:100%;background:rgba(255,255,255,.2);margin-bottom:30px;display:-webkit-flex;display:flex}#portfolio .container.portfolio .cards .card figure{position:relative;width:100%;height:100%;margin:0}#portfolio .container.portfolio .cards .card figure a{position:relative;display:block;width:100%;height:100%}#portfolio .container.portfolio .cards .card figure a span{display:block;position:absolute;bottom:0;width:100%;height:30px;text-align:center;text-transform:uppercase;font-size:16px;line-height:30px;color:bisque;border-top:1px solid #000;background:rgba(0,0,10,.8);opacity:1;transition:opacity 500ms}#portfolio .container.portfolio .cards .card figure img{display:block;width:100%;height:100%}@media (min-width:480px){#portfolio .container.portfolio .cards{-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap}#portfolio .container.portfolio .cards .card{width:calc(50% - 15px)}}@media (min-width:768px){#portfolio .container.portfolio .cards.cards--three .card{width:calc(100%/3 - 20px)}}#contact{background:url(/images/background-6.jpg) center fixed}#contact:before{display:block;position:absolute;width:100%;height:100%;z-index:1;opacity:.6;background-image:url(/images/background-2.jpg);background-repeat:no-repeat;background-position:50% 0;-ms-background-size:cover;background-size:cover;animation-name:fadeInOut2;animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;animation-direction:alternate}#contact .container.contact{position:relative;z-index:2}#contact .container.contact header{text-align:center}#contact .container.contact form{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}#contact .container.contact form label{width:100%;margin-bottom:30px}@media (min-width:992px){#contact .container.contact form label{width:calc(100%/3 - 20px)}}#contact .container.contact form label input{width:100%}#contact .container.contact form label[for=message]{width:100%;margin-top:30px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center}#contact .container.contact form button{width:100%;text-decoration:none;text-transform:uppercase;color:bisque;padding:10px 30px;background:linear-gradient(to bottom,rgba(0,0,10,.5),#000014);transition:1s;border:2px solid bisque}#contact .container.contact form button:hover{background:#00000a;color:#c46a00;border:2px solid #c46a00}#contact .container.contact form input,#contact .container.contact form textarea{background:rgba(0,0,0,.5);border:2px solid bisque;margin-bottom:30px;margin-top:10px;padding:10px;color:bisque}#contact .container.contact form textarea{width:100%;min-width:100%;max-width:100%}#contact .container.contact form label.error{margin:0;text-align:center;display:block;width:100%;color:#ffb55e;border-bottom:1px solid #ffb55e;border-left:1px solid #ffb55e;border-right:1px solid #ffb55e}#contact .container.contact form input.error,#contact .container.contact form textarea.error{color:#A02D3A;border:1px solid #A02D3A}#contact .container.contact #form-messages{text-align:center;width:100%;background:rgba(0,0,10,.5);padding:20px;margin-top:30px;display:none}#contact .container.contact #form-messages.error{color:#ffb55e;border:2px solid #ffb55e}#contact .container.contact #form-messages.success{color:#adff2f;border:2px solid #adff2f}#preload{width:100%;height:100%;position:fixed;top:0;left:0;background:linear-gradient(to bottom,#140064,#640064) no-repeat fixed;z-index:5}#preload .dot,#preload p{position:absolute;top:50%;left:50%}#preload p{font-size:38px;line-height:50px;width:100px;height:50px;margin-left:-50px;color:#A02D3A}#preload .dot{background-color:#A02D3A;height:20px;width:20px;border-radius:100%;box-shadow:0 0 1px #900}