html {
touch-action: manipulation;
}   
a[x-apple-data-detectors] {
color: inherit !important;
text-decoration: none !important;
font-size: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
}
	
body {
    margin: 0;
    text-align: center;
    color: #ffffff;
    background-image: url("../img/inflicted.png");
    background-color: #333;
    /* 000033 */
    font-family: 'Roboto', sans-serif;
}

#launchScreen {
	display: none; /*none , inline-block*/
	margin:0 auto; /*center this div */
color: #ffffff;
}

.header {
width: 100%;
top: 0px;
padding: 0px;
color: #cccccc;
background: radial-gradient(circle at 1000px 100px, #FF0000, #000);
}

img {
opacity: 0.85;
margin: 10px;

}

.website {
display: block;
margin: 2px;
padding: 10px;
font-weight: 800;
text-align: left;
}
.mainlogo {
position: relative;
margin: 20px auto 50px auto;
display: block;
}

.buttonHost {
    background: radial-gradient(circle at 100px 100px, #FF0000, #000);
    display: inline-block;
    border-radius: .5em;
    box-sizing: border-box;
    outline: none;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center;
    position: relative;
    padding: 5px;
    border: 2px solid #88888888;
    margin: 5px 5px 5px 0; 
    float: right;
    cursor: pointer;
}


    button{
	    display: inline-block;
	    border-radius: .5em;
	    box-sizing: border-box;
	    border: 0;
	    outline: none;
	    text-decoration: none;
	    font-family: 'Roboto', sans-serif;
	    font-weight: 400;
	    font-size: 15px;
	    color: #FFFFFF;
	    background-color: #262626;
	    text-align: center;
	    position: relative;
	    padding: 10px 25px;
	    margin: 5px;
	    border: 2px solid #FF6A00;
    }

    .formButton1{
	    display: inline-block;
	    border-radius: .5em;
	    box-sizing: border-box;
	    border: 0;
	    outline: none;
	    text-decoration: none;
	    font-family: 'Roboto', sans-serif;
	    font-weight: 400;
	    font-size: 15px;
	    color: #FFFFFF;
	    background-color: #ff6a00;
	    text-align: center;
	    position: relative;
	    padding: 10px 25px;
	    border: 2px solid #111111;
    }

    .formButonPressed { 
            transform: scale(0.90); 
            opacity: 0.50;
            /* Scaling button to 0.98 to its original size */ 
            box-shadow: 3px 2px 22px 1px rgba(43, 219, 8, 0.24); 
            /* Lowering the shadow */ 
    }

    .blueOutline{
        border: 1px solid #3369ff;
    }

    .formOutline{
        border: 1px solid #FF6A00;
    }


    

    .myFormStyle{
        max-width:300px;
        margin:10px auto;
        background:#222222;
        border-radius:2px;
        padding:5px;

        max-height: 100%;
        overflow: hidden;
        transition: max-height 0.5s ease-out;
    }
    
    .myFormStyle ul{
        list-style:none;
        padding:0;
        margin:0;	
    }
    .myFormStyle li{
        display: block;
        padding: 9px;
        margin-bottom: 15px;
        border-radius: 3px;
    }
    .myFormStyle li:last-child{
        border:none;
        margin-bottom: 0px;
        text-align: center;
        padding: 0px;
    }
    .myFormStyle li > label{
        display: block;
        float: left;
        margin-top: -19px;
        background: #222222;
        height: 14px;
        padding: 2px 5px 2px 5px;
        color: #CCCCCC;
        font-size: 14px;
        overflow: hidden;
    }
    .myFormStyle input[type="text"],
    .myFormStyle textarea,
    .myFormStyle select 
    {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        display: block;
        outline: none;
        border: none;
        line-height: 25px;
        font-size: 16px;
        font-weight:bold;
        padding: 6px;
        text-transform: uppercase;
    }

    .myFormStyle li > span{
        background: #222222;
        display: block;
        padding: 3px;
        margin: 0 -9px -9px -9px;
        text-align: center;
        color: #999999;
        font-size: 12px;
    }
    .myFormStyle textarea{
        resize:none;
    }
    

    .horizontalCentering {
        justify-content: center;
        align-items: center;
        width: 100%;
        position: absolute;
}