/* Text and background color for light mode */
body {
  color: #333;
}

a {
    text-decoration: none;
    color: #c15555;
    }
    
ul.right {
    border-top: 2px inset #3b3c3f;
    text-align: right;
    padding-right: 2px;
    }
    

/* Text and background color for dark mode */
@media (prefers-color-scheme: dark) {
  body {
    color: #ddd;
    background-color: #222;
  }
  
  a {
    text-decoration: none;
    color: #c15555;
    }

    ul.right {
        border-top: 2px inset #ffffff;
    }
}


body {
	width:100%;
    height:100%;
    margin:50px 0px; padding:0px;
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 400;
/*	color: black;
	background-color: white;
  */  }

	
#content {
	width:100%;
    height:100%;
	margin:0px auto;
	text-align:center;
	padding:15px;
	font-family: "dejarip",sans-serif;
	font-style: normal;
	font-weight: 500;
	}

img {
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 362px;
	}

ul {
	padding-top: 10px;
	margin: auto;
	width: 362px;
	padding-left: 0;
	}

ul.left {
	text-align: left;
	padding-left: 2px;
	padding-bottom: 10px;
	}

/*ul.right {
	border-top: 2px inset #3b3c3f;
	text-align: right;
	padding-right: 2px;
	}*/

li {
	display: list-item;
	list-style: none;
	list-style-type: none;
	}

h1 {
	margin: 0;
	margin-bottom: 18px;
	text-align:center;
	font-family: "adelle",serif;
	font-style: normal;
	font-weight: 700;
	font-size: 275%;
	}