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

	
			body {
			margin: 0px;
			padding: 0px;
			background: #000000;
		}
			
			.img {
    		width: 100%; 
			max-width: 100%;
			margin: 0px;
			padding: 0px;
			border: none;				
			
}
			
			.imgres {
    		width: 0%; 
			max-width: 0%;
			height: 0%;
			margin: 0px;
			padding: 0px;
			border: none;
		
}
	
			
			@font-face {
  			font-family: magentic;
  			src: url("fonts/oldsport.ttf");
}

* {
  			font-family: magentic;
  			box-sizing: border-box;
}
		
			iframe {
            width: 100%;
            height: 400px;
			border: none;
             
			overflow: scroll;
			
        }
	
			.svg-wrapper {
            width: 100%;
            height: auto;
            border: 1px solid #333;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 0 30px rgba(255, 0, 255, 0.2);
        }
			
		/* The sidepanel menu */
			.sidepanel {
  
			height: auto; /* Specify a height */
  			width: 0; /* 0 width - change this with JavaScript */
  			position: fixed; /* Stay in place */
  			z-index: 1; /* Stay on top */
			top: 0;
  			left: 0;
	
  			background-color: #000; /* Black*/
  			overflow-x: hidden; /* Disable horizontal scroll */
			overflow-y: hidden; /* Hide vertical scrollbar */
			overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */
			padding-bottom: 30px;
  			padding-top: 20px; /* Place content 60px from the top */
  			transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
	 		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			border-bottom-right-radius: 20px;
/*	 border-color: #333333; border-style: solid; border-width: 1px;*/
			opacity: 1;
}

/* The sidepanel links */
			.sidepanel a {
  			padding: 8px 8px 8px 32px;
  			text-decoration: none;
  			font-size: 25px;
  			color: #818181;
  			display: block;
  			transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
			.sidepanel a:hover {
  			color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
			.sidepanel .closebtn {
  			position: absolute;
  			top: 0;
  			right: 25px;
  			font-size: 36px;
  			margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
			.openbtn {
  			font-size: 40px;
 			 cursor: pointer;
  			background-color: #000;
  			color: white;
  			padding: 10px 15px;
  			border: none;
	 		position: fixed; /* Stay in place */
	 		top: 0;
  			left: 0px;
			border-bottom-right-radius: 20px;
			/*	 border-color: #333333; border-style: solid; border-width: 1px;*/
			opacity: 1;
}

			.openbtn:hover {
  			background-color: #444;
}		
			
@media screen 
and (max-device-width : 420px) 
 {
	 
			.imgres {
    		width: 100%; 
			max-width: 100%;
			margin: 0px;
			padding: 0px;
			border: none;					
			
}
			
			.img {
    		width: 0%; 
			max-width: 0%;
			height: 0%;
			margin: 0px;
			padding: 0px;
			border: none;
			display: none;
							
}
	
	 	/* The sidepanel menu */
			.sidepanel {
  			height: auto; /* Specify a height */
  			width: 0; /* 0 width - change this with JavaScript */
  			position: fixed; /* Stay in place */
  			z-index: 1; /* Stay on top */
  			top: 0;
  			left: 0;
  			background-color: #000; /* Black*/
  			overflow-x: hidden; /* Disable horizontal scroll */
  			padding-top: 100px; /* Place content 60px from the top */
  			transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
	 		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* The sidepanel links */
			.sidepanel a {
  			padding: 8px 8px 8px 32px;
  			text-decoration: none;
  			font-size: 80px;
  			color: #818181;
  			display: block;
  			transition: 0.3s;
			overflow-x: hidden; /* Disable horizontal scroll */
			overflow-y: hidden; /* Hide vertical scrollbar */
			overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */
			border-bottom-right-radius: 20px;
	 		border-color: #000000; border-style: solid; border-width: 0px;
			opacity: 0.8;
}

/* When you mouse over the navigation links, change their color */
			.sidepanel a:hover {
  			color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
			.sidepanel .closebtn {
  			position: absolute;
  			top: 0;
  			right: 25px;
  			font-size: 80px;
  			margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
			.openbtn {
   			font-size: 80px;
  			cursor: pointer;
  			background-color: #000;
  			color: white;
  			padding: 10px 15px;
  			border: none;
		 	position: fixed; /* Stay in place */
	 		top: 0;
  			left: 0px;
			border-bottom-right-radius: 20px;
	 		border-color: #000000; border-style: solid; border-width: 0px;
			opacity: 0.8;
}

			.openbtn:hover {
  			background-color: #444;
}
	 
		}