@charset "UTF-8";
/* CSS Document */



@font-face {
  font-family: Montserrat-Medium;
  src: url("../../../fonts/Montserrat/Montserrat-Medium.ttf");
  /*src: url(data:font/ttf;base64,STRING) format('truetype');*/
}

@font-face {
  font-family: Montserrat-SemiBold;
  src: url("../../../fonts/Montserrat/Montserrat-SemiBold.ttf");
  /*src: url(data:font/ttf;base64,STRING) format('truetype');*/
}

:root {
	
	/* Default theme */
	--dt_background-color: #000000;
	--dt_text-color: #fff;
	--dt_link-color: #999;
	
	
	
	/* Light theme */
	--lt_background-color: #ededed; 
	--lt_text-color: #000;
	--lt_link-color: #222;
	
	
	
	/* Dark theme */
	--dt_background-color: #000000;
	--dt_text-color: #fff;
	--dt_link-color: #999;
}


html{
	/*
	-webkit-user-select: none;
	user-select: none;
	*/
}

body {
	background-color: #000;
	color: var(--default_text-color);
	font-family: Montserrat-Medium);
}

a {
	color: var(-default_link-color);
}

.musicButtonContainer{
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	border: 0px solid red;
	left: calc(100vw - 60px);
	top: 10px;
	
	border-radius: 50%;
	
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	
	pointer-events: all;
	cursor: pointer;
	z-index: 3;
	
	transition: all .2s ease-in-out;
	
	-webkit-tap-highlight-color: transparent;
	border-radius: 20%;
}

.musicButtonContainer a{
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	left: 11px;
	top: 11px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	box-sizing: border-box;
	border: 0px solid green;
	opacity: 0.8;
	-webkit-tap-highlight-color: transparent;
	border-radius: 20%;
}

.musicButtonContainer a:focus, .musicButtonContainer a:active {
  outline: none;
}

.backgroundMusic_playing{
	background-image: url("../images/music_anim.svg?v=1");
}

.backgroundMusic_paused{
	background-image: url("../images/music_anim_paused.svg?v=1");
}

a {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

a:focus, a:active {
  outline: none;
}