			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			}
			
			body{
				display: flex;
				min-height: 100vh;
				align-items: center;
				justify-content: center;
				
			}
			
			#particles-js
			{
				width: 100%;
				height: 100vh;
				background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../images/bg.jpg");
				background-position: center;
				display: flex;
			}
			h1
			{
				position: absolute;
				text-align: center;
				width: 100%;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				font-size: 12vw; /* 1 vw = 1% of viewport width */
				color:white;
				
				animation-name: breathing;
				animation-duration: 1.33s;
				animation-timing-function: linear;
				animation-iteration-count: infinite;
				animation-direction: alternate;
			}
			
			.sounder{
				position: absolute;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 30px; 
				bottom: 2%;
				left: 50%;
				transform: translate(-50%, -50%);
				
				
				display: flex;
				
			}
			.sounder .stroke{
				display: block;
				position: relative;
				background: #f1f1f1;
				height: 20px;
				width: 1.2vw;
				/* max-height: 30px; */
				/* min-height: 25px; */
				max-width: 8px;
				min-width: 5px;
				border-radius: 50px;
				margin: 0 3px;
				
				animation: sounds 1.2s linear infinite;
				animation-play-state: paused;

			}
			
			#ICP
			{
				width: 100%; 
				position:absolute; 
				bottom:0; 
				text-align:center;
			}
			#ICP a
			{
				color: gray;
				font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
			}
			
			
			
			@keyframes breathing{
				from{
					opacity: 0.5;
					letter-spacing: normal;
				}
				to{
					opacity:1;
					letter-spacing:0.3vw;
					
				}
			}
			
			@keyframes sounds{
				50%{
					height: 4px;
					
				}
				100%{
					height: 20px;
				}
			}
			
			.stroke:nth-child(1){
				animation-delay: 0s;
			}
			.stroke:nth-child(2){
				animation-delay: 0.3s;
			}
			.stroke:nth-child(3){
				animation-delay: 0.6s;
			}
			.stroke:nth-child(4){
				animation-delay: 0.9s;
			}
			.stroke:nth-child(5){
				animation-delay: 1.2s;
			}
			.stroke:nth-child(6){
				animation-delay: 1.5s;
			}
			.stroke:nth-child(7){
				animation-delay: 1.8s;
			}