@font-face {font-family: 'Arial Black';src: url('fonts/Arial Black.ttf') format('truetype');font-weight: normal;font-style: normal;}

:root{
	--theme-color:#6ECCD2; // #6ECCD2 (bleu-innovation) #ff337f (rose-entertainment)
}
* {user-select :none !important;-khtml-user-select: none !important;-webkit-user-select: none !important;-moz-user-select: -moz-none !important;-ms-user-select: none !important;cursor: default !important;outline:none !important;transition-delay:0s;-webkit-transition-delay:0s;transition-timing-function:cubic-bezier(0,0.5,0.8,1);-webkit-transition-timing-function:cubic-bezier(0,0.5,0.8,1);-webkit-transition-duration:0.5s;transition-duration:0.5s;
}

body {overflow: hidden;position:fixed;width: 100vw;height:100vh;margin: 0;padding:0;text-align:center;}

textarea, input[type="text"]{cursor: text !important;
user-select : text!important;-khtml-user-select: text !important;-webkit-user-select: text !important;-moz-user-select: text !important;-ms-user-select: text !important;
}

textarea:focus, input[type="text"]:focus{
/* à implémenter */

}
copyright {padding: 0;margin: auto; font-size: 1.5vh;color: #ccc;text-align: center;font-family: avenir,sans-serif;}

div[data-type='logo'] {cursor: pointer !important;text-align: center;color: #ccc;padding: 1.5vh;margin: 35.5vh auto 1vh; /* 44.5 = (100-height-border)/2 center*/width: 3.5vh;height: 3.5vh;line-height: 3.5vh;font-size: 3.5vh;border: 0vh solid #ccc;border-radius:50vh;font-family: 'Arial Black';opacity: 0;position: relative;top: 0vh;}
#bgSoundProgressBar, #bgSoundProgressBarContainer{
	border-radius:2vh;
}
#bgSoundProgressBarContainer[data-status='0']{display: none;opacity: 0;}
#bgSoundProgressBarContainer[data-status='1']{display: block;opacity: 1;}
#bgSoundProgressBarContainer[data-status='2']{display: none;opacity: 0;}

div[data-type='logo'][data-status='1']{opacity: 1;color: #fff;
	-webkit-animation:spin 10s linear infinite;
	animation:spin 10s linear infinite;
	position: relative;
	background: var(--theme-color);
    border: 0.5vh solid var(--theme-color);border-radius:50vh;
}
	
div[data-type='logo'][data-status='2']{opacity: 1;position: relative;top: 0vh;-webkit-animation-delay:1s;-webkit-animation-play-state: paused;animation-play-state: paused;}
#bgSound{position: fixed;top: -10vh;left: 0;height: 0vh;width: 100vw;padding: 0;margin: 0;}


canvas { width: 100%; height: 100% } 


@-webkit-keyframes spin {
	0%{-webkit-transform: rotate(0deg);} 
	100%{-webkit-transform: rotate(360deg);}
}

@keyframes spin {
	0%{transform: rotate(0deg);} 
	100%{transform: rotate(360deg);}
}