*{border:0;font-family:Helvetica,Arial,sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased}
:active, :focus{outline:none}
::-moz-selection{background:#c5a33d;color:white;text-shadow:none}
::selection{background:#c5a33d;color:white;text-shadow:none}
::-webkit-input-placeholder{color:#606060}
:-moz-placeholder{color:#606060}
:-ms-input-placeholder{color:#606060}
html, body{height:100%}
body{background:black url(../images/ui/bg1.jpg) no-repeat center top;color:white;font-style:italic;text-shadow:black 1px 1px 2px}
a, button, input, label, select, textarea{transition:background-color .5s,border-color .5s,box-shadow 1s,color .5s,opacity .5s,outline-color .5s,text-shadow 1s;-moz-transition:background-color .5s,border-color .5s,box-shadow 1s,color .5s,opacity .5s,outline-color .5s,text-shadow 1s;-webkit-transition:background-color .5s,border-color .5s,box-shadow 1s,color .5s,opacity .5s,outline-color .5s,text-shadow 1s}
a:hover, button:hover, input:hover, label:hover, select:hover, textarea:hover{transition:background-color .3s,border-color .3s,box-shadow .6s,color .3s,opacity .3s,outline-color .3s,text-shadow .6s;-moz-transition:background-color .3s,border-color .3s,box-shadow .6s,color .3s,opacity .3s,outline-color .3s,text-shadow .6s;-webkit-transition:background-color .3s,border-color .3s,box-shadow .6s,color .3s,opacity .3s,outline-color .3s,text-shadow .6s}
a:visited{color:inherit}
button{cursor:pointer;font-size:1em;font-style:inherit;font-weight:bold}
button[type=submit]{background-color:black;border:1px solid #305085;border-radius:.5em;box-shadow:0 0 7px 0 rgba(0,96,255,.65);color:#c5a33d;font-size:.7em;letter-spacing:.08em;min-height:14px;padding:.5em .75em;text-transform:uppercase;transition:border-color .3s,box-shadow .5s,text-shadow .5s;white-space:nowrap;-moz-transition:border-color .3s,box-shadow .5s,text-shadow .5s;-webkit-transition:border-color .3s,box-shadow .5s,text-shadow .5s}
button[type=submit]:hover{border:1px solid #305ba2;box-shadow:0 0 7px 0 rgba(0,96,255,.85)}
button:disabled{cursor:default}
hr{display:none}
input[type=checkbox], input[type=radio]{appearance:none;border:1px solid rgba(255,255,255,.5);border-radius:20%;height:12px;margin-top:.2em;position:relative;vertical-align:text-top;width:12px;-moz-appearance:none;-webkit-appearance:none}
input[type=checkbox]:after, input[type=radio]:after{background:url(../images/ui/sprite.png) no-repeat -307px 0;content:"";height:11px;opacity:0;position:absolute;right:-3px;top:-2px;transition:opacity .5s;width:12px;-moz-transition:opacity .5s;-webkit-transition:opacity .5s}
input[type=checkbox]:checked:after, input[type=radio]:checked:after{opacity:1}
input[type=checkbox]:hover, input[type=radio]:hover{border-color:rgba(255,255,255,.75)}
input[type=radio]{border-radius:50%}
input[type=email], input[type=text], textarea{background-color:#191919;background-color:rgba(255,255,255,.1);border:1px solid #555555;border-color:rgba(255,255,255,.25);border-radius:.3em;box-sizing:border-box;color:white;color:rgba(255,255,255,.75);font-size:1em;padding:.3em;text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;-moz-box-sizing:border-box}
input[type=email]:hover, input[type=text]:hover, textarea:hover{border-color:#707070;border-color:rgba(255,255,255,.5);box-shadow:0 0 5px 0 rgba(255,255,255,.2)}
input[type=email]:focus, input[type=text]:focus, textarea:focus{border-color:#315086;box-shadow:0 0 7px 0 rgba(0,96,255,.25);color:rgba(255,255,255,1)}
q:lang(en){quotes:"“" "”" "‘" "’"}
textarea{overflow-y:auto}
.table{display:table;width:100%}
body > .wrap{box-sizing:border-box;min-height:100%;overflow:hidden;padding-bottom:49px;width:100%;-moz-box-sizing:border-box;padding-bottom:0\9}
body > .wrap > .max-width{box-sizing:border-box;margin:0 auto;max-width:990px;padding:0 20px 3.5em 20px;-moz-box-sizing:border-box}
body > .wrap > .max-width > header{margin-bottom:60px;padding-top:40px}
body > .wrap > .max-width > header > .table > div{display:table-cell;vertical-align:middle;width:193px}
body > .wrap > .max-width > header > .table > div > a, body > .wrap > .max-width > header > .table > div > h1{display:block}
body > .wrap > .max-width > header > .table > div > a, body > .wrap > .max-width > header > .table > div > h1 > a{background:url(../images/ui/sprite.png) no-repeat;display:block;height:16px;position:relative;text-decoration:none;text-indent:-9000px}
body > .wrap > .max-width > header > .table > div > a:hover, body > .wrap > .max-width > header > .table > div > h1 > a:hover{background-position:0 -21px}
body > .wrap > .max-width > header > .table > div > a:after, body > .wrap > .max-width > header > .table > div > h1 > a:after{color:#6d6d6d;content:"Home";font-size:.6em;font-weight:normal;left:200px;opacity:0;overflow:visible;position:absolute;text-indent:0;text-transform:uppercase;transition:opacity .4s,visibility 0s linear .4s;visibility:hidden;white-space:nowrap;-moz-transition:opacity .4s,visibility 0s linear .4s;-webkit-transition:opacity .4s,visibility 0s linear .4s}
body > .wrap > .max-width > header > .table > div > a:hover:after, body > .wrap > .max-width > header > .table > div > h1 > a:hover:after{opacity:1;transition:opacity .2s,visibility 0s;visibility:visible;-moz-transition:opacity .2s,visibility 0s;-webkit-transition:opacity .2s,visibility 0s}
body > .wrap > .max-width > header > .table > div > a.view-intro:after, body > .wrap > .max-width > header > .table > div > h1 > a.view-intro:after{content:"Home & Intro"}
body > .wrap > .max-width > header > .table > div > h1{font-size:1em}
body > .wrap > .max-width > header > .table > div > h1 > a{width:100%}
body > .wrap > .max-width > header > .table > nav{display:table-cell;text-align:right}
body > .wrap > .max-width > header > .table > nav > ul > li{display:inline;padding-left:2.6em}
body > .wrap > .max-width > header > .table > nav > ul > li:first-child{padding-left:0}
body > .wrap > .max-width > header > .table > nav > ul > li > a{color:#c5a33d;font-size:.9em;text-decoration:none;text-transform:uppercase;transition:color .15s;-moz-transition:color .15s;-webkit-transition:color .15s}
body > .wrap > .max-width > header > .table > nav > ul > li > a:hover{color:#ffffff;transition:color .25s;-moz-transition:color .25s;-webkit-transition:color .25s}
body > .wrap > .max-width > header > .table > nav > ul > li.selected > a{border-bottom:1px dashed #4f4118}
body > .wrap > .max-width > header > .table > nav > form, body > .wrap > .max-width > header > .table > nav > form > fieldset > legend{display:none}
body > .wrap > .max-width > header > .table > nav > form > fieldset > noscript > button{appearance:none;background-color:transparent;border-radius:0;color:#c5a33d;font-size:.9em;padding:0 .5em;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none}
body > .wrap > .max-width > header > .table > nav > form > fieldset > noscript > button:hover{color:white}
body > .wrap > .max-width > header > .table > nav > form > fieldset > select{appearance:none;background:url(../images/ui/sprite.png) no-repeat -194px 0;border-radius:0;color:#c5a33d;cursor:pointer;font-size:.9em;height:22px;overflow:hidden;text-indent:-9000px;text-transform:uppercase;width:30px;-moz-appearance:none;-webkit-appearance:none}
body > .wrap > .max-width > .content{box-sizing:border-box;font-size:.9em;margin:0 3.3% 0 4.4%;min-height:570px;position:relative;-moz-box-sizing:border-box;border-bottom:49px solid transparent\9}
body > .wrap > .max-width > .content:after{clear:both;content:"";display:block;height:0;visibility:hidden}
body > .wrap > .max-width > .content > .backgrounds{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}
body > .wrap > .max-width > .content > .backgrounds > .background, body > .wrap > .max-width > .content > .backgrounds > .background-flash{height:398px;left:330px;position:absolute;top:-25px;user-select:none;z-index:-1;-moz-user-select:none;-webkit-user-select:none}
body > .wrap > .max-width > .content > .backgrounds > .background{background:url(../images/ui/bg2.jpg) no-repeat top left;width:663px}
body > .wrap > .max-width > .content > .backgrounds > .background-flash{width:863px}
body > .wrap > .max-width > .content > .backgrounds > .pane{background-color:rgba(0,0,0,.7);border-radius:10px 10px 0 0;box-sizing:border-box;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;filter:alpha(opacity = 12)\9}
body > .wrap > .max-width > .content > .backgrounds > .pane:after{background:url(../images/ui/pane.png) no-repeat -100% -50%;content:"";height:850px;opacity:.12;position:absolute;right:-290px;top:-280px;width:851px}
body > .wrap > .max-width > .content > nav{display:none}
body > footer{background:url(../images/ui/footer.png) repeat-x center bottom;color:#3b3b3b;cursor:default;font-size:.65em;margin-top:-49px;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none}
body > footer:after{clear:left;content:"";display:block;height:0;visibility:hidden}
body > footer a{color:inherit;text-decoration:none}
body > footer a:hover{color:#999999}
body > footer > .max-width{box-sizing:border-box;margin:0 auto;max-width:950px;padding:0 10px 0 20px;-moz-box-sizing:border-box}
body > footer > .max-width > .table > span{box-sizing:border-box;display:table-cell;height:49px;min-height:49px;vertical-align:middle;-moz-box-sizing:border-box}
body > footer > .max-width > .table > span:first-child .hidden{left:-9000px;position:absolute}
body > footer > .max-width > .table > span:last-child{text-align:right}
body > footer > .max-width > .table > span:last-child > span{background:url(../images/ui/sprite.png) no-repeat -226px 0;display:inline-block;height:35px;margin-left:.7em;opacity:.45;position:relative;text-align:left;text-indent:-9000px;transition:opacity .5s;vertical-align:middle;width:35px;-moz-transition:opacity .5s;-webkit-transition:opacity .5s}
body > footer > .max-width > .table > span:last-child > span:after{background-color:#bfbfbf;background-color:rgba(255,255,255,.75);border-radius:5px;color:black;content:"I made this…";display:block;font-style:normal;height:1em;margin-top:-10px;opacity:0;padding:.5em 1em .7em 1em;position:absolute;right:-5px;text-shadow:none;text-indent:0;top:-2.5em;transition:opacity .5s,visibility 0s linear .5s;visibility:hidden;white-space:nowrap;-moz-transition:opacity .5s,visibility 0s linear .5s;-webkit-transition:opacity .5s,visibility 0s linear .5s}
body > footer > .max-width > .table > span:last-child > span:before{background:url(../images/ui/sprite.png) no-repeat -298px 0;content:"";height:10px;margin-top:-11px;opacity:0;position:absolute;right:4px;top:-0.3em;transition:opacity .5s,visibility 0s linear .5s;visibility:hidden;width:7px;-moz-transition:opacity .5s,visibility 0s linear .5s;-webkit-transition:opacity .5s,visibility 0s linear .5s}
body > footer > .max-width > .table > span > span:hover{opacity:1;transition:opacity .3s;-moz-transition:opacity .3s;-webkit-transition:opacity .3s}
body > footer > .max-width > .table > span:last-child > span:hover:after, body > footer > .max-width > .table > span:last-child > span:hover:before{opacity:1;transition:opacity .3s linear .2s,visibility 0s;visibility:visible;-moz-transition:opacity .3s linear .2s,visibility 0s;-webkit-transition:opacity .3s linear .2s,visibility 0s}
@media
(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi), (-webkit-min-device-pixel-ratio:1.3),(min-resolution:124.8dpi), (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi), (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{background-image:url(../images/ui/bg1-2x.jpg);background-size:1515px 478px}
input[type=checkbox]:after, input[type=radio]:after{background:url(../images/ui/sprite-2x.png) no-repeat -331px 0;background-size:440px 46px}
body > .wrap > .max-width > header > .table > div > a, body > .wrap > .max-width > header > .table > div > h1 > a{background:url(../images/ui/sprite-2x.png) no-repeat;background-size:440px 46px}
body > .wrap > .max-width > header > .table > nav > form > fieldset > select{background:url(../images/ui/sprite-2x.png) no-repeat -197.5px 0;background-size:440px 46px;width:31px}
body > .wrap > .max-width > .content > .background{background-image:url(../images/ui/bg2-2x.jpg);background-size:663px 398px}
body > footer > .max-width > .table > span:last-child > span{background:url(../images/ui/sprite-2x.png) no-repeat -233px 0;background-size:440px 46px}
body > footer > .max-width > .table > span:last-child > span:before{background:url(../images/ui/sprite-2x.png) no-repeat -319px 0;background-size:440px 46px}}
@media (max-width:990px){body{background-position:-282px top}
body > .wrap > .max-width > .content{margin-left:0 !important;margin-right:0 !important}}
@media (max-width:640px){body > .wrap > .max-width > header{margin-bottom:30px}
body > .wrap > .max-width > header > .table > nav > ul{display:none}
body > .wrap > .max-width > header > .table > nav > form{display:inline-block}}
@media (max-width:480px){body > footer > .max-width > .table > span{text-align:center}
body > footer > .max-width > .table > span:last-child{display:none}}
@media (max-width:320px){body > .wrap > .max-width > .content > .background, body > .wrap > .max-width > .content > .background-flash{display:none}}

:root{--projectileColor1:#452d20;--projectileColor2:#748954;--projectileColor3:#33411c;--projectileColor4:#67778c;--projectileColor5:#2a3f54;--projectileColor6:#575939;--projectileColor7:#544e27;--projectileColor8:#9a9a9a}projectile-pixels{height:398px;width:763px}