<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

@font-face {
	font-family: 'SegoePro';
	src: url("fonts/SegoePro-Regular.ttf") format("truetype");
}

body {
	font-family: "SegoePro";
}

.outercircle {animation: rotatescale 1s linear infinite;}

	@keyframes rotatescale {
	  0%   {opacity: 0; transform: scale(1);}	 	  
	  50% {opacity: 1; transform: scale(1.15);}	  
	  100% {opacity: 0; transform: scale(1);}
	}
	
.arrownav {animation: point 1s linear infinite;}

	@keyframes point {
	  0% {opacity: 1; top: 0px;}    
	  100%{opacity: .50; top: -10px;}
	}	

.bacontainer {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

@media only screen and (max-width: 600px) {
	.bacontainer {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}
}

.bachild img {
  width: 100%;
  height: auto;
}  

</pre></body></html>