/*

    #mycanvas                           4
    #canvasbg                           3
    #menu_1_hud,#menu_2_hud,#hud        5
    #joystick            60
    #mygui                              999
    #emailer                            1
    #emailer_mobile                     10
    #emailcanvas                        10
    #emailer                            -10 
    #confirmation                       200
    #confirmation_bg                    199


*/

@font-face {
    font-family: 'jet_setregular';
    src: url('assets/fonts/webfontkit-20220113-131707/jet_set-webfont.woff2') format('woff2'),
         url('assets/fonts/webfontkit-20220113-131707/jet_set-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jet_setitalic';
    src: url('assets/fonts/webfontkit-20220113-131707/jet_set_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/webfontkit-20220113-131707/jet_set_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body,
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
	margin: 0px;
	padding: 0px;
}
div,
img,
input,
textarea,
span,
canvas {
	box-sizing: border-box;
}
.rel{
    position: relative;
    width:100%;height:100%;
    overflow: hidden;
}
#hud{
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 5;
    display: none;
    pointer-events: none;
}
#mobile_menu{
    position: absolute;
    width:100%;height:100%;
    z-index: 200;
    display: none;
    top:0px;left:0px;
}
    #mobile_menu_links{
        width:100%;height:340px;
        position: absolute;
        left:0px;
        top: calc(50% - 170px);
        /* border:1px solid #fff; */
    }
        .navList2{
            width:100%;height:auto;
            text-align: center;
            margin-top:20px;margin-bottom:20px;
        }
            .navLink2{
                font-family: 'jet_setregular';
                text-decoration: none;
                color: #ffffff;
                font-size: 34px;
                kerning: 0;
                filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
                /* filter: blur(0.80px); */
            }
#mobile_menu_bg{
    position: absolute;
    width:100%;height:100%;
    z-index: 199;
    display: none;
    top:0px;left:0px;
    background-color: rgba(0,0,0,0.8);
}
#mobile_hamburger{
    position: absolute;
    z-index: 8;
    top:10px;right:10px;
    width:40px;height:40px;
    display: none;
}
#mobile_logo{
    position: absolute;
    z-index: 8;
    top:10px;left:14px;
    font-size:32px;
    font-family: 'jet_setregular';
    color:#fff;
    display: none;
}
#mobile_close{
    position: absolute;
    z-index: 201;
    top:10px;right:10px;
    width:60px;height:60px;
    display: none;
}
#menu_1_hud {
    position: fixed;
    width:100%;height:100%;
    z-index: 5;
    display: flex;
    justify-content: center;
    pointer-events: none;
    top:0px;left:0px;
}
#menu_2_hud {
    position: fixed;
    width:100%;height:100%;
    z-index: 5;
    pointer-events: none;
    background: -webkit-linear-gradient(#202165, #20216500, #20216500, #20216570 );
}
#vSubName {
    font-family: 'jet_setitalic';
    text-decoration: none;
    color: #afafaf;
    font-size: 18px;
    height: 16px;
    margin-left: 13px;
}
#vName {
    font-family: 'jet_setitalic';
    text-decoration: none;
    color: #ffffff;
    font-size: 5vw;
    /* width: 50%; */
    /* height: 65px; */
    /* position: fixed; */
    /* bottom: 0px; */
    margin: 0;
    padding: 0px 10px;
    -webkit-text-stroke: 1px white;
    /* filter: drop-shadow(3px 2px 0px rgba(0, 0, 0, 1)); */
    background: -webkit-linear-gradient(#ffff01, #D84B4B);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

#nav{
    width:100%;height: auto;
    position: fixed;z-index: 11;
    top:0px;left:0px;
    padding: 0;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 105px;
    display: none;
}
.navLink {
    font-family: 'jet_setregular';
    text-decoration: none;
    color: #ffffff;
    font-size: 28px;
    kerning: 0;
    filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
    /* filter: blur(0.80px); */
}
.navLink:hover{
    cursor: pointer;
    text-decoration: underline;
}
#avatar_container{
    height: 120px;width: 120px;
    background-color: rgba(0, 0, 0, 0.25);
}
    #avatar {
        width: 100%;height: 100%;
        /* filter: blur(1.10px); */
        position: absolute;z-index: 1;
    }
    #avatar_stars {
        width: 100%;height: 100%;
        /* filter: blur(1.10px); */
        position: absolute;z-index: 2;
    }
#info {
    position: fixed;
    display: flex;
    left: 60px;
    bottom: 60px;
    height: 150px;
    width: 450px;
    /* background-color: coral; */
    align-items: flex-end;
    align-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    /* outline: solid 1px coral; */
}
#speed{
    position: fixed;
    display: flex;
    right: 60px;
    bottom: 60px;
    height: 150px;
    width: 360px;
    align-items: flex-end;
    align-content: flex-start;
    /* flex-wrap: wrap; */
    /* gap: 0px; */
    /* outline: solid 1px coral; */
    /* background-color: coral; */
}
#speedNum{
    /* text-align: right; */
    width: 60px;
}
#speedo{
    position: relative;
    bottom: -5px;
    margin-right: 10px;
    /* z-index: 1000000; */
    /* background-color: #0AD800; */
}
.infoStatic,.infoDynamic,.infoStaticBig{
    font-family: 'jet_setitalic';
    text-decoration: none;
    color: #ffffff;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    /* position: fixed; */
    /* bottom: 0px; */
    margin: 0;
    padding: 0;
    -webkit-text-stroke: 1px black;
    filter: drop-shadow(2px 1px 0px rgba(0, 0, 0, 1));
    /* background-color: cornflowerblue; */
    /* filter: blur(0.80px); */
}
.p5Canvas{
    /* filter: blur(0.80px); */
}
.infoStatic{
    /* float: left; */
    background: -webkit-linear-gradient(#ffff01, #D84B4B);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-d */
}


.infoDynamic{
    width: 120px;
    /* float: right; */
    background: -webkit-linear-gradient(#ffff01, #0AD800);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
#time{
    width: 210px;
}
#vid{
    width: 100vw;
    position: fixed;
    z-index: 1;
    /* height: 100vh; */
}
#timer {
	font-family: "Press Start 2P", cursive;
	position: absolute;
	z-index: 100;
	width: 320px;
	height: auto;
	left: calc(50% - 160px);
	bottom: 30px;
	font-size: 26px;
	font-weight: 900;
	color: #fff;
	display: none;
	text-align: center;
	/* -webkit-filter: blur(1px);
	filter: blur(1px); */
}
@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(2);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
.pulser {
	-webkit-animation: pulse 0.66s infinite;
	-ms-animation: pulse 0.66s infinite;
	animation: pulse 0.66s infinite;
}
#mythree {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
    
}
/* #mythreebg{
    width: 200%;
	height: 200%;
	overflow: hidden;
	position: absolute;
    z-index: 1;
    background-color: #000;
} */
#mycanvas {
    /* display: none; */
	position: absolute;
	cursor: crosshair;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 4;
	background: none;
}
#canvasbg{
    position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 3;
    background-color: #000;
}

#selectorcanvas {
    display: none;
	position: absolute;
	cursor: crosshair;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
	/* background: none; */
    /* background-color: coral; */
}
#stats{
    top:0px !important;
    right:0px !important;
    left:auto !important;
    bottom:auto !important;
    display: none;
}
#mygui {
	position: absolute;
	z-index: 998;
	width: 400px;
	height: 100%;
    overflow-y: scroll;
	top: 0px;
	left: 0px;
    display: none;
	/* left:-1000px;z-index: -1000; */
}
#mygui2{
	position: absolute;
	z-index: 999;
	width: 400px;
	height: 100%;
    overflow-y: auto;
	top: 0px;
	left: 0px;
    display: none;
	/* left:-1000px;z-index: -1000; */
}
#overlayer {
	position: absolute;
	z-index: 9999;
	left: 0px;
	top: 0px;
	background-color: #000;
	width: 100%;height: 100%;
    /* pointer-events: none; */
    opacity: 1;
    /* transition: 1s; */
}
#confirmation{
    font-size:30px;color:#fff;line-height: 44px;
    text-align: center;
    width:380px;height:88px;
    position: absolute;
    z-index: 200;
    left: calc(50% - 190px);
    top: calc(50% - 44px);
    font-family: 'jet_setregular';
    display: none;
}
#confirmation_bg{
    position: absolute;
    z-index: 199;
	left: 0px;
	top: 0px;
	background-color: #000;
	width: 100%;height: 100%;
    display: none;
}
#insert_coin_footer{
    font-size: 12px;color:#fff;opacity: 0.5;line-height:24px;
    font-family: 'jet_setitalic';
    width:100%;text-align: center;
    position: absolute;
    z-index: 11;
    bottom:20px;left:0px;
}
#insert_coin{
    width:200px;height:260px;
    position: absolute;
    z-index: 10;
    left: calc(50% - 100px);
    top: calc(50% - 130px);
    cursor: pointer;
    /* border: 1px solid #fff; */
}
#insert_coin_gif{
    cursor: pointer;
}
#insert_coin_bg{
    position: absolute;
    z-index: 9;
	left: 0px;
	top: 0px;
	background-color: rgba(0,0,0,0.90);
	width: 100%;height: 100%;
}
#enter_container {
	position: absolute;
	z-index: 9998;
	left: 0px;
	top: 0px;
	background-color: #bbb;
	width: 100%;
	height: 100%;
}
.e_button {
	position: absolute;
	width: 360px;
	height: auto;
	left: calc(50% - 180px);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 14px;
	border: 2px solid #fff;
	cursor: pointer;
	padding: 14px 8px;
	text-align: center;
}
#enter_button {
    top: calc(50% - 30px);
}
#loader_container{
    position: absolute;
    z-index: 8;
    width:120px;height:120px;
    top: calc(50% - 60px); 
    left: calc(50% - 60px); 
    display: none;
}
    #loader_gif{
        width:100%;height:100%;opacity: 0.7;
    }
#select_button {
    top: calc(50% + 30px);
}
.e_button:hover {
	background-color: #fff;
	color: #bbb;
}
.degrade {
    font-smooth: never !important;
    -webkit-font-smoothing: none !important;
    transform-origin: top left;
    transform: scale(1.2);
    /* filter: blur(1.1px); */
    text-rendering: optimizeSpeed !important;
    /* color: blueviolet; */
}
#joystick{
    width:260px;height:144px;
    /* overflow: hidden; */
    position:absolute;
    z-index:60;
    left: 20px;
    bottom: 15px;
    /* background-color: rgba(0,0,0,0.15); */
    border-radius:20px;
    display: none;
    pointer-events: none;
    background: none;
    border: 2px solid #fff;
    opacity: 0.66;
}
#joystick_jump{
    width:80px;height:144px;
    position:absolute;
    z-index:60;
    right:20px;
    bottom: 15px;
    border-radius:20px;
    display: none;
    background: none;
    /* border: 2px dashed rgba(255,255,255,0.33); */
    border: 2px solid #fff;
    opacity: 0.66;
}
.touch_label{
    font-size:12px;
    width:80px;height:auto;
    text-align: center;
    position:absolute;
    left:0px;top:30px;
    z-index:1001;
    color:#fff;
    font-family: 'jet_setregular';
    pointer-events: none;
}
.touch_label2{
    font-size:12px;
    width:76px;height:auto;
    text-align: center;
    position:absolute;
    left:0px;top:58px;
    z-index:1001;
    color:#fff;
    font-family: 'jet_setregular';
    pointer-events: none;
}

.jsrel{
    position: relative;
    width:100%;height:100%;
    pointer-events: none;
}
    #joystick_lines{
        width:200px;height:75px;
        /* border: 2px dashed rgba(255,255,255,0.33); */
        border-radius:15px;
        position:absolute;
        top:50px;left:50px;
        z-index:100;
    }
    #touch_move{
        width:80px;height:80px;
        position:absolute;
        left:90px;top:60px;
        z-index:1001;
        /* background-color: rgba(0,0,0,0.20); */
        background: none;
        /* border: 3px solid rgba(255,255,255,0.33); */
        border-radius:50px;
        pointer-events: all;
        -webkit-box-shadow:inset 0px 0px 0px 2px #fff;
        -moz-box-shadow:inset 0px 0px 0px 2px #fff;
        box-shadow:inset 0px 0px 0px 2px #fff;
    }
























/* ============================================== */
/* FUZZY CSS */
#world_switch{
    position: absolute;
	cursor: crosshair;
	width: 100%;height: 100%;
	overflow: hidden;
	z-index: 99999;
    background-color: #000;
    display: none;
}
    #world_switch_gif{
        width:100%;height:100%;
        pointer-events: none;
    }
#mainTitle{
    position: absolute;
    height:auto;
    width:400px;left: calc(50% - 200px);
    top:7vh;
    /* filter: blur(0.90px);   */
}
@media (min-width: 180px) {
    #mainTitle{width:340px;left: calc(50% - 170px);}
}
@media (min-width: 768px) {
    #mainTitle{width:400px;left: calc(50% - 200px);}
}
@media (min-width: 1024px) {
    #mainTitle{width:460px;left: calc(50% - 230px);}
}
@media (min-width: 1600px) {
    #mainTitle{width:520px;left: calc(50% - 260px);}
}

#mainButtons{ 
    position: absolute;
    width:360px;
    height:auto;
    bottom:7vh;
    left: calc(50% - 180px);
    /* filter: blur(0.80px);  */
}
#cheatCode{
    opacity:0.7;
    font-family: 'jet_setregular';
    position: absolute;
    z-index: 100;
    pointer-events: all;
    width:360px;
    height:auto;
    bottom:2vh;
    left: calc(50% - 180px);
    text-align: center;
    color:#fff;
    font-size:11px;
    font-weight:300;
}
#cheatCode:hover{
    opacity: 1;
}
#cheatCode a:link {
    font-family: 'jet_setregular';
    color:#fff;
    font-size:11px;
    font-weight:300;
}
#cheatCode a:visited {
    color:#fff;
    font-size:11px;
    font-weight:300;
}
#cheatCode a:hover {
    color:#fff;
    font-size:12px;
    font-weight:300;
}
#cheatCode a:active {
    color:#fff;
    font-size:11px;
    font-weight:300;
}
  

@media (min-width: 180px) { /*smaller on mobile*/
    #mainButtons{width:320px;left: calc(50% - 160px);}
}
@media (min-width: 400px) {
    #mainButtons{width:360px;left: calc(50% - 180px);}
}
    #start{
        float:left;
        width:80%;height:auto;
        left:0px;
        pointer-events: all;
        cursor: pointer;
        opacity: 0.65;
        /* transition: 0.25s; */
    }
    #start:hover{
        opacity: 1;
    }

    #select {
        float:right;
        width:80%;height:auto;
        right:0px;
        pointer-events: all;
        margin-top:1vh;
        cursor: pointer;
        opacity: 0.65;
        /* transition: 0.25s; */
    }
    #select:hover{
        opacity: 1;
    }

#vTitle {
    position: absolute;
    height:auto;
    width:400px;
    left: calc(50% - 200px);
    top:7vh;height:9vh;
    /* filter: blur(0.90px);   */
    /* border: 2px solid #fff; */
}
@media (min-width: 180px) {
    #vTitle{width:360px;left: calc(50% - 180px);height:10vh;}
}
@media (min-width: 768px) {
    #vTitle{width:500px;left: calc(50% - 250px);height:11vh;}
}
@media (min-width: 1024px) {
    #vTitle{width:600px;left: calc(50% - 300px);height:12vh;}
} 
    #vTitleImgBox {
        height:100%;width:100%;
        position: absolute;
        left:0px;top:0px;
        text-align: center;
        z-index: 1;
        /* border:1px solid #fff; */
    }
        #vTitleImg {
            height:100%;
            pointer-events: none;
            /* border:1px solid #fff; */
        }
        .vTitleImgPL { /*just preload in html */
            height:0px;width:0px;display:none;position:absolute;left:-9999px;top:-9999px;
        }




        .lrButton2{
            position: absolute;
            top:0px;
            height:15vh;
            pointer-events: painted;
            opacity: 0.9;
            transition: 0.25s;
            transform: scale(0.6);
            display: none;
        }
        @media (min-width: 180px) {
            .lrButton2{
                height:8vh;
            }
        }
        @media (min-width: 420px) {
            .lrButton2{
                height:11vh;
            }
        }
        @media (min-width: 768px) {
            .lrButton2{
                height:14vh;
            }
        }
        #lButton2dot,#rButton2dot{
            width:20px;height:20px;
            border-radius: 10px;
            margin-left:-10px;margin-right:-10px;
            background-color: #000;
            position: absolute;z-index: 10;
            top:100px;left:100px;
        }
        #lButton2{
            /* left: -20px; */
            left:-500px;top:-500px;
            z-index: 2;
            /* border:1px solid #fff; */
        }
        #lButton2:hover{
            cursor: pointer;
            transform: scale(0.6);
            opacity: 1;
            transition: 0.25s;
            filter: drop-shadow(0px 0px 5px #62bda3be);
        }
        #lButton2:active{
            transform: scale(0.9);
        }
        #rButton2{
            /* right: -20px; */
            left:-500px;top:-500px;
            z-index: 2;
            /* border:1px solid #fff; */
        }
        #rButton2:hover {
            cursor: pointer;
            transform: scale(0.6);
            opacity: 1;
            transition: 0.25s;
            filter: drop-shadow(0px 0px 5px #62bda3be);
        }
        #rButton2:active {
            transform: scale(0.9);
        }


    .lrButton{
        position: absolute;
        height:100%;
        pointer-events: painted;
        opacity: 0.9;
        transition: 0.25s;
        transform: scale(0.6);
    }
    #lButton{
        left: 0px;
        z-index: 2;
        /* border:1px solid #fff; */
    }
    #lButton:hover{
        cursor: pointer;
        transform: scale(0.6);
        opacity: 1;
        transition: 0.25s;
        filter: drop-shadow(0px 0px 5px #62bda3be);
    }
    #lButton:active{
        /* transform: scale(0.9); */
    }
    #rButton {
        right: 0px;
        z-index: 2;
        /* border:1px solid #fff; */
    }
    #rButton:hover {
        cursor: pointer;
        transform: scale(0.6);
        opacity: 1;
        transition: 0.25s;
        filter: drop-shadow(0px 0px 5px #62bda3be);
    }
    #rButton:active {
        transform: scale(0.9);
    }
    @keyframes pulse2 {
        0%,100% {
            transform: scale(0.6);
            /* padding: 0px 0px; */
        }
        50% {
            transform: scale(0.66);
            /* padding: 0px 5px; */
        }
    }
    .buttonPulse{
        animation: pulse2 0.70s ease-in-out infinite;
    }
    #vButton {
        position: absolute;
        width:360px;height:auto;
        bottom:7vh;
        left: calc(50% - 180px);
        /* filter: blur(0.80px);  */
    }
        #vstart{
            float:left;
            width:80%;height:auto;
            margin-left:10%;
            pointer-events: all;
            cursor: pointer;
            opacity: 0.65;
            transition: 0.25s;
        }
            #vstart:hover{
                transform: scale(1.05);
                opacity: 1;
                transition: 0.25s;
            }




#emailcanvas{
	position: absolute;
	cursor: crosshair;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 10;
	background: none;
    display: none;
    pointer-events: auto;
}
.nopointevents{
    pointer-events: none;
    position: relative;
}
#emailer_static{
    width:600px;height:400px;
    position: absolute;
    top:0px;left:0px;
    z-index: 2;
    opacity: 0.06;
    overflow: hidden;
    pointer-events: none;

}
    #emailer_static_img{
        pointer-events: none;
        width: 100%;height: 100%;
    }

#emailer{
    width:600px;height:400px;
    /* padding:30px; */
    box-sizing: border-box;
    background-color: #111;color:#eee;
    font-family: 'jet_setregular';
    position: absolute;
    z-index: 1;
    pointer-events: all;
}
    #emailer_error{
        width:100%;height:40px;
        position: absolute;
        color:#f00;
        left:0px;
        top: calc(50% - 20px);
        font-family: 'jet_setregular';
        font-size:30px;
        text-align: center;
        z-index:50;
        display: none;
    }
    #confirmation2{
        width:100%;height:80px;
        position: absolute;
        color:#fff;
        left:0px;
        top: calc(50% - 40px);
        font-family: 'jet_setregular';
        font-size:34px;
        line-height:44px;
        text-align: center;
        z-index:50;
        display: none;
    }
    #emailer_email{
        width:540px;height:60px;
        margin:30px;
        padding:16px;
        box-sizing: border-box;
        background-color: #111;color:#eee;
        border:2px solid #666;
        font-family: 'jet_setregular';
        font-size:24px;
        outline: none;
        pointer-events: auto;
    }
    #emailer_msg{
        width:540px;height:160px;
        margin:0px 30px;
        padding:10px;
        box-sizing: border-box;
        background-color: #111;color:#eee;
        border:2px solid #666;
        font-family: 'jet_setregular';
        font-size:24px;
        outline: none;
        pointer-events: auto;
    }
    #emailer_chars{
        display: block;float:left;
        width:40%;height:62px;
        margin:30px 0px 30px 30px;
        padding:12px;
        box-sizing: border-box;
        background-color: #111;color:#eee;
        border:2px solid #666;
        font-size:24px;
        text-align: center;
        pointer-events: auto;
    }
    #emailer_send{
        display: block;float:right;
        width:40%;height:62px;
        margin:30px 30px 30px 0px;
        padding:12px;
        box-sizing: border-box;
        background-color: #eee;color:#111;
        border:2px solid #666;
        font-size:24px;
        text-align: center;
        cursor: pointer;
        pointer-events: auto;
    }


#emailer_mobile{
    width:100%;height:auto;
    padding:20px;
    box-sizing: border-box;
    font-family: 'jet_setregular';
    position: absolute;
    overflow: hidden;
    z-index: 10;
    position: absolute;
    top:60px;left:0px;
    display: none;
}
    #emailer_mobile_error{
        width:100%;height:30px;
        position: absolute;
        color:#f00;
        left:0px;
        top: calc(50% - 15px);
        font-family: 'jet_setregular';
        font-size:20px;
        text-align: center;
        z-index:50;
        display: none;
    }
    #emailer_mobile_email{
        width:100%;height:60px;
        margin-top:10px;margin-bottom:10px;  
        padding:16px;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.3);
        color:#fff;
        /* border:2px solid #666; */
        font-family: 'jet_setregular';
        font-size:20px;
        outline: none;
        border: none;
    }
    #emailer_mobile_msg{
        width:100%;height:160px;
        margin-top:10px;margin-bottom:10px;
        padding:10px;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.3);
        color:#fff;
        /* border:2px solid #666; */
        font-family: 'jet_setregular';
        font-size:20px;
        outline: none;
        border: none;
    }
    #emailer_mobile_chars{
        display:block;float:left;
        width:46%;height:54px;
        margin-top:10px;margin-bottom:10px;
        padding:12px;
        box-sizing: border-box;
        background-color: rgba(0,0,0,0.3);
        color:#fff;
        /* border:2px solid #666; */
        font-size:20px;
        text-align: center;
    }
    #emailer_mobile_send{
        display:block;float:right;
        width:46%;height:54px;
        margin-top:10px;margin-bottom:10px;
        padding:12px;
        box-sizing: border-box;
        background-color: #fff;color:#000;
        /* border:2px solid #666; */
        font-size:20px;
        text-align: center;
        cursor: pointer;
    }


#hud_mobile{
    position: absolute;
    height: auto;
    width: 100%;
    z-index: 1000;
    pointer-events: none;
    left:0px;top:100px;
    display: none;
}
    #info_mobile{
        width:100%;height:auto;
    }
        .infoStatic_mobile,.infoDynamic_mobile{
            width:100%;
            font-family: 'jet_setitalic';
            text-decoration: none;
            color: #ffffff;
            font-size: 24px;
            line-height: 24px;
            margin: 0;
            padding: 0;
            -webkit-text-stroke: 1px black;
            filter: drop-shadow(2px 1px 0px rgba(0, 0, 0, 1));
            /* filter: blur(0.80px); */
            text-align: center;
        }
        .infoStatic_mobile{
            background: -webkit-linear-gradient(#ffff01, #D84B4B);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            height:38px;
        }
        .infoDynamic_mobile{
            background: -webkit-linear-gradient(#ffff01, #0AD800);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            height:26px;
        }