html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust: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,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{background-color:#333;font-family:Lato,Helvetica,sans-serif}body h1,body h2,body h3,body input,body p,body span{margin:0;font-weight:300;-webkit-font-smoothing:antialiased}body a{text-decoration:none}body a:hover{text-decoration:underline}body svg{width:20px;height:20px;overflow:visible!important;stroke-width:1px;fill:none}body .controls ol{padding:0;margin:0;list-style:none}body .controls ol li{float:left;width:10px;height:10px;cursor:pointer;border:1px solid #fff;-webkit-transition:background-color 1s ease-in-out;-moz-transition:background-color 1s ease-in-out;-o-transition:background-color 1s ease-in-out;transition:background-color 1s ease-in-out}body .controls ol li.active{background-color:#fff}body .link-colour a,body .text-colour{-webkit-transition:color 4s linear;-moz-transition:color 4s linear;-o-transition:color 4s linear;transition:color 4s linear}body .stroke-colour{-webkit-transition:stroke 4s linear;-moz-transition:stroke 4s linear;-o-transition:stroke 4s linear;transition:stroke 4s linear}body .background-colour{-webkit-transition:background 4s linear;-moz-transition:background 4s linear;-o-transition:background 4s linear;transition:background 4s linear}body .background-colour.solid{-webkit-transition:background 0s;-moz-transition:background 0s;-o-transition:background 0s;transition:background 0s}body .background-colour.background-transition{-webkit-transition:background 1s ease-in;-moz-transition:background 1s ease-in;-o-transition:background 1s ease-in;transition:background 1s ease-in}body .link-colour[data-colour-id="1"] a,body .text-colour[data-colour-id="1"]{color:#73510d}body .link-colour[data-colour-id="2"] a,body .text-colour[data-colour-id="2"]{color:#62730d}body .link-colour[data-colour-id="3"] a,body .text-colour[data-colour-id="3"]{color:#2f730d}body .link-colour[data-colour-id="4"] a,body .text-colour[data-colour-id="4"]{color:#0d731e}body .link-colour[data-colour-id="5"] a,body .text-colour[data-colour-id="5"]{color:#0d7362}body .link-colour[data-colour-id="6"] a,body .text-colour[data-colour-id="6"]{color:#0d5173}body .link-colour[data-colour-id="7"] a,body .text-colour[data-colour-id="7"]{color:#0d2f73}body header .link-colour[data-colour-id="1"] a{color:#ab966e}body header .link-colour[data-colour-id="2"] a{color:#a1ab6e}body header .link-colour[data-colour-id="3"] a{color:#82ab6e}body header .link-colour[data-colour-id="4"] a{color:#6eab78}body header .link-colour[data-colour-id="5"] a{color:#6eaba1}body header .link-colour[data-colour-id="6"] a{color:#6e96ab}body header .link-colour[data-colour-id="7"] a{color:#6e82ab}body .stroke-colour[data-colour-id="1"]{stroke:#73510d}body .stroke-colour[data-colour-id="2"]{stroke:#62730d}body .stroke-colour[data-colour-id="3"]{stroke:#2f730d}body .stroke-colour[data-colour-id="4"]{stroke:#0d731e}body .stroke-colour[data-colour-id="5"]{stroke:#0d7362}body .stroke-colour[data-colour-id="6"]{stroke:#0d5173}body .stroke-colour[data-colour-id="7"]{stroke:#0d2f73}body .background-colour[data-colour-id="1"]{background:rgba(69,48,8,.85)}body .background-colour[data-colour-id="1"].solid{background:#453008!important}body .background-colour[data-colour-id="2"]{background:rgba(59,69,8,.85)}body .background-colour[data-colour-id="2"].solid{background:#3b4508!important}body .background-colour[data-colour-id="3"]{background:rgba(28,69,8,.85)}body .background-colour[data-colour-id="3"].solid{background:#1c4508!important}body .background-colour[data-colour-id="4"]{background:rgba(8,69,18,.85)}body .background-colour[data-colour-id="4"].solid{background:#084512!important}body .background-colour[data-colour-id="5"]{background:rgba(8,69,59,.85)}body .background-colour[data-colour-id="5"].solid{background:#08453b!important}body .background-colour[data-colour-id="6"]{background:rgba(8,48,69,.85)}body .background-colour[data-colour-id="6"].solid{background:#083045!important}body .background-colour[data-colour-id="7"]{background:rgba(8,28,69,.85)}body .background-colour[data-colour-id="7"].solid{background:#081c45!important}#notice{position:fixed;top:50px;left:10px;right:10px;height:40px;padding:0 40px 0 10px;z-index:2;white-space:nowrap;text-align:center;background-color:#fff;color:#333}#notice.inactive{display:none}#notice h1{display:inline-block}#notice .close{position:absolute;right:0;margin:10px;stroke:#333;cursor:pointer}header{position:relative;height:10000px;color:#fff}header .background-overlay{position:absolute;top:0;width:100%;height:100%}header .items{position:absolute;top:0;bottom:200px;width:100%}header .items .item{position:absolute;top:30%;width:100%;padding:5%;text-align:center;font-size:20px;text-shadow:0 0 30px #fff;box-sizing:border-box;display:none;opacity:0}header .items .item.active{display:block}header .items .item svg{stroke:#fff}header .controls{position:absolute;left:0;bottom:0;width:200px;height:200px}header .controls li{margin:19px}header .controls .horizontal{position:absolute;left:0;top:0;width:200px;height:50px}header .controls .vertical{position:absolute;right:0;bottom:0;width:50px;height:150px}header #profile{position:absolute;left:0;bottom:0;width:150px;height:150px;background:url(../images/profile.png)no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}nav{position:relative;top:0;height:40px;width:100%;z-index:1;background-color:#fff}nav.sticky{position:-webkit-sticky;position:-moz-sticky;position:-o-sticky;position:-ms-sticky;position:sticky}nav div{position:absolute;width:150px;text-align:center;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}nav #name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav #switch{position:relative;width:auto;height:100%;float:none;margin:0 150px;cursor:pointer}nav #switch svg{-webkit-transition:-webkit-transform 1s ease-in-out;-moz-transition:-moz-transform 1s ease-in-out;-o-transition:-o-transform 1s ease-in-out;transition:-webkit-transform 1s ease-in-out,-moz-transform 1s ease-in-out,-o-transform 1s ease-in-out,transform 1s ease-in-out;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-o-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}nav #switch svg.up{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}nav svg{position:absolute;margin:10px 0}#list{background-image:url(../images/list-background.png);position:relative;overflow:hidden}#list .intro{padding:20px 0}#list .intro h1,#list .intro h3,#list .intro p{padding-top:20px;text-align:center;color:#fff}#list .intro svg{stroke:#fff}#list .carousel{position:absolute;left:0;margin:0 100px}#list .carousel .scroller{float:left;overflow-x:scroll}#list .carousel .column{float:left;width:500px;padding:0 25px}#list .carousel .column .item{height:100px;margin:10px;padding:10px;background-color:#fff}#list .carousel .column .item img{float:left;height:100px;width:100px;margin-right:10px;box-sizing:border-box}#list .carousel .column .item p{color:#333}#list .control-arrow{position:absolute;top:48%;height:38px;width:20px;border:3px solid #333;background-color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#list .control-arrow svg{-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out,-moz-transform .5s ease-in-out,-o-transform .5s ease-in-out,transform .5s ease-in-out}#list .control-arrow.left{left:-3px;text-align:right}#list .control-arrow.left svg{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}#list .control-arrow.left svg.flipped{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}#list .control-arrow.right{right:-3px;text-align:left}#list .control-arrow.right svg{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}#list .control-arrow.right svg.flipped{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}#list .control-arrow svg{width:100%;height:100%;stroke-width:1px}#list .controls{position:absolute;bottom:0;width:100%;padding:20px 0}#list .controls ol{text-align:center}#list .controls ol li{display:inline-block;float:none;margin:10px 20px}