body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

#canvas {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%
}

#animation_container, #_preload_div_ {
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;bottom:0;
}

#_preload_div_ {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#_preload_div_ {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@font-face {
            font-family: 'MyFont';
            src:url('DFStdW5.OTF') ;
        }     
/*		
@media screen and (max-width: 760px){
	input {
       font-size: 20px;
	   font-family:MyFont;
    }
}
@media screen and (min-width: 760px) and (max-width: 1200px){
    input{
       font-size: 40px;
	   font-family:MyFont;
	}
}		
@media screen and (min-width: 1200px){
    input{
       font-size: 50px;
	   font-family:MyFont;
	}
}	
*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; }
input[type="text"]{-moz-appearance:textfield;text-align: center;border-width:0px;outline: none; background-color:transparent}
select{text-align: center; text-align-last: center;}

.circle {
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 50%;
    background: #fff
}

.mask {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    top: 0;
    background: #FFF;
    position: absolute
}

.mask img {
    width: 64px;
    height: 64px
}

#pie_text {
    font-size: 30px;
    color: #000;
    position: relative;
    top: 69px
}

#play_1, #skip_1, #close_1{
    position: absolute;
    cursor:pointer;
}