@charset "iso-8859-1";
@viewport {
  width: device-width ;
  zoom: 1.0 ;
}
@-ms-viewport {
  width: device-width ;
}

.little {
	position: fixed;
    width: inherit;
    bottom: 0;
    left: 0;
	text-align: center;
	font-size: 75%;
	color: green;
	padding: 1px 0 1px 0;
	margin: 0 10px 10px 10px;
	}

.logo {
  padding-top: 15px;
  }
.namefontbig {
    font-family: 'Baskervville', serif;
	font-size: 350%;	
	}

h1 {
    font-family: 'Dongle', sans-serif;
	color: green;
	padding: 0 0 0 10px;
	margin: 20px 0 -20px 0;
	}

p	{
	padding-left: 10px;
	padding-right: 5%;
	}
a	{
	font-size: 100%;
	}
.scarab_image {
	float: center;
	padding-top: 10px;
	}
 
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	}

	/* Light mode */
@media (prefers-color-scheme: light) {
	body {
	  background-color: white;
	  color: black;
	  }
	}
  
  /* Dark mode */
  @media (prefers-color-scheme: dark) {
	body {
	  background-color: black;
	  color: white;
	  }
	}