/* MUSIC PLAYER */
.music-player {
	overflow: hidden;
	width: 380px; WIDTH: 355PX;
	height: 520px; HEIGHT: 500PX;
  	box-shadow: inset 2px -2px 6px rgba(214, 214, 214, 0.2),
    		    inset -3px 3px 3px rgba(255, 255, 255, 0.3);
	box-sizing: border-box;  
	clear: both;
  	border: 10px solid black;
  	background: repeating-linear-gradient(45deg, #222 0 2px, #000 0 7px);
  	7878background: linear-gradient(to top, rgba(207, 255, 254, 0.3), rgba(249, 247, 217, 0.3), rgba(252, 226, 206, 0.3), rgba(255, 193, 243, 0.3));
  	border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cffffe' /%3E%3Cstop offset='25%25' stop-color='%23f9f7d9' /%3E%3Cstop offset='50%25' stop-color='%23fce2ce' /%3E%3Cstop offset='100%25' stop-color='%23ffc1f3' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3'/%3E %3C/svg%3E") 1;

  	margin: auto;  
  	position: absolute;
  	left:0;
  	right: 0;
  	}
/* END OF MUSIC PLAYER */





/* BEGINNING OF ECOUTEUR */
#tsparticles {
  	position: fixed;
  	width: 100%;
  	height: 100%;
  	top: 0;
  	left: 0;
 	margin: 0;
  	z-index: -1;
	}

/******************************************************Most of the Smartphones Mobiles (Portrait)
							B/w 320px to 479px************************/
	@media (min-width: 320px) and (max-width: 480px) {
  		#tsparticles {
			display: none; 
  			}
		}

/******************************************************Low Resolution Tablets, Mobiles (Landscape)
							B/w 481px to 767px*************************/
	@media (min-width: 481px) and (max-width: 767px) {
  		#tsparticles {
			display: none;
  			}
		}

/******************************************************Tablets, Ipads (landscape)
							B/w 768px to 1024px*******/
	@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  		#tsparticles {
			display: none; 
  			}
		}

/******************************************************Tablets, Ipads (portrait)
							B/w 768px to 1024px******/
	@media (min-width: 768px) and (max-width: 1024px) {
		#tsparticles {
			display: none; 
  			}
		}
/******************************************************Laptops, Desktops
							B/w 1025px to 1280px***/
	@media (min-width: 1025px) and (max-width: 1280px) {
  		#tsparticles {
			display: inline;  
  			}
		}

/******************************************************Laptops, Desktops
							B/w 1025px to 1280px***/
	@media (min-width: 1025px) and (max-width: 1280px) {
  		#tsparticles {
			display: inline; 
  			}
		}

/******************************************************desktop
							Screen = 1281px to higher resolution desktops***/
	@media (min-width: 1281px) {
  		#tsparticles {
			display: inline;
  			}
		}
/************************************************************************************************************/