:root {

	--primary_color: #004d70;
    --primary_color2: #012;
	--secondary_color: #ffffff;	
	--accent_color: #0F0F0F;
	--text_color: #ffccff;
	--background_color: #dddddd;
	--mousemovediv_color: #002d40;


}

#loader {
    touch-action: none;
    display: none;
    position: fixed;
    top: 3em;
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
    z-index: 10;

    border: 4px solid #ccc;
    border-radius: 50%;
    border-top: 4px solid #ff000000;
    
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


#mouseMove p {

	margin: 0;
	padding: 0;
	
	width: 100%;
	height: 33%;

	font-family: Helvetica;
	font-size: 0.8em;
	color: WHITE;

}

#mouseMove {
	
	border-radius: 20%;
	
	background-color: var(--mousemovediv_color);
	
	padding: 0;
	margin: 0;
	
	opacity: 0;
	
	width: 7em;
	height: 4em;
	
	transition: opacity 200ms;
	
	

}

body {

	background-color: var(--background_color);
	
	font-family: Helvetica;

	text-align: center;
	
	color: var(--text_color);

	break-inside: avoid;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	overscroll-behavior: none;

}

#title {

    touch-action: none;
    
    position: absolute;

    top:0;
    left:0;

    width: 100vw;
    height: 2em;

    
    color: black;

    display: flex;
    align-items: center;
    text-align: center;

}

#title>div {
    display: block;
    width: 100%;
    text-align: center;
}

div.SimpleGraph {

    touch-action: none;

	position:fixed;
	
    top: calc(2em + 0px);
    left: 12px;

    word-wrap: break-word;

	padding: 16px 16px 16px 16px;

	margin-top: 0;
		
	border-radius: 32px;
	
	background-color: var(--primary_color);
		
	border-style: solid;
	border-width: 4px;
	
	border-color: var(--accent_color);

	display: block;

	box-shadow: 5px 10px var(--accent_color);

}