/* 
    Document   : main.css
    Created on : 19-nov-2013, 15.47.44
    Author     : Biagio Iannuzzi
    Description:
        Purpose of the stylesheet follows.
        */

        root { 
            display: block;
        }

        body{
            background-color: #ff8500;
            background-repeat: repeat-x;
            background-position: top;   
        }

        * {
            user-select: none;
            -khtml-user-select: none;
            -o-user-select: none;
            -moz-user-select: -moz-none;
            -webkit-user-select: none;
        }

        ::selection { background: transparent;color:inherit; }
        ::-moz-selection { background: transparent;color:inherit; }

        #canvas{
            width:1024px;
            height: 768px;
            
            position: absolute;
            
        }

        canvas {
            image-rendering: optimizeSpeed;
            image-rendering:-o-crisp-edges;
            image-rendering:-webkit-optimize-contrast;
            -ms-interpolation-mode: nearest-neighbor;
            -ms-touch-action: none;
        }

        .ani_hack{
            -webkit-perspective: 1000;
            -webkit-backface-visibility: hidden;
            
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            outline: none;
            -webkit-tap-highlight-color: transparent; /* mobile webkit */
        }

        .note-text{
            z-index: 1;
            position: relative;
        }

        .overlay {
            height: 100%;
            width: 100%;
            position: fixed;
            text-align: center;
            z-index: 100;
            display: -webkit-flexbox;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-flex-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
            text-align: center;
        }

        .overlay span{
            color: White;
            position: fixed;
            width: 100%;
            height: 70%;
            font-family: IMPACT;
            font-size: min( 5vw, 5vh );
        }

        .overlay span h1{
            font-size: min( 7vw, 7vh );
        }

        .overlay span .errorcode{
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
            margin-bottom: 10%;
            padding: 5px;
            font-size: medium;
            font-family: monospace;
            max-height: 25VH;
            overflow-y: scroll;
            overflow-x: auto;
            overflow-wrap: break-word;
            font-size: medium;
            font-weight: normal;
            text-align: left;
            background: lightgray;
            -webkit-touch-callout: all;
            -webkit-user-select: all;
            -khtml-user-select: all;
            -moz-user-select: all;
            -ms-user-select: all;
            user-select: all;
            display: flex;
        }

        .stretch {
            width: 100%;
            height: 100%;
            z-index: -100;
        }

        .notification span::selection, .notification span::-moz-selection{
            color: white;
            background: black;
        }
    }

    /***************FONTS*******************/
    @font-face {
        font-family: 'walibi0615bold';
        src: url('walibi-holland-webfont.eot');
        src: url('walibi-holland-webfont.eot?#iefix') format('embedded-opentype'),
        url('walibi-holland-webfont.woff2') format('woff2'),
        url('walibi-holland-webfont.woff') format('woff'),
        url('walibi-holland-webfont.ttf') format('truetype'),
        url('walibi-holland-webfont.svg#walibi0615bold') format('svg');
        font-weight: normal;
        font-style: normal;

    }