/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}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,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* General reset */
h1,
h2,
h3,
h4,
h5,
h6,
p {

    margin: 0;

}

/* Document reset */
html,
body {

    padding: 0;
    margin: 0;

}

/* Viewport */
html,
body {

    overflow: hidden;
    width: 100%;
    height: 100%;

}

/* Base sizing */
html {

    font-size: 10px;

}

/* Box sizing */
html {

    box-sizing: border-box;

}
html *,
html *::before,
html *::after {

    box-sizing: inherit;

}

/* Background & frame */
.root {

    position: fixed;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgb(38, 248, 177); /* $mint */

}

.frame {

    position: relative;
    left: 7px;
    top: 7px;

    width: calc( 100% - 14px );
    height: calc( 100% - 14px );

    background: rgb(24, 16, 30); /* $purple */

}

.background {

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    z-index: 100;

    background: rgb(24, 16, 30); /* $purple */

}

.background .background__canvas {

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgb(24, 16, 30); /* $purple */

}

.background.initially-hidden .background__canvas {

    opacity: 0.01;
    transition: opacity 1s ease-in-out;

}

.home,
.info,
.work {

    display: none;

}

.page-nav {

    display: none;

}

@keyframes loader {

  0% { transform: scale3d( 1, 1, 1 ); }
  50% { transform: scale3d( 0.94, 0.94, 0.94 ); }
  100% { transform: scale3d( 1, 1, 1 ); }

}

#loader {

    position: absolute;
    left: 50%;
    top: 50%;

    width: 100px;
    height: 100px;

    margin-left: -50px;
    margin-top: -50px;

    border-radius: 50%;

    z-index: 1;

    background: rgb(38, 248, 177); /* $mint */

    transform: translate3d( 0, 0, 0 );

    transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);

}

#loader.animating {

    animation: loader 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1.000);

}

#loader.hide {

    opacity: 0;

}

/* Old browser */
.browsehappy {

    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 50px 100px;

    z-index: 1000;

    text-align: center;

    background: rgba( 255, 255, 255, 0.95 );
    color: #000;

    font-family: 'Campton-Bold', sans-serif;
    font-size: 20px;

}

.browsehappy::before {

    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
    margin-right: -4px;

}

.browsehappy span {

    display: inline-block;
    vertical-align: middle;

}

.browsehappy a {

    color: #777;

}