body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color: #4a0e8e;
	color: white;
	
	margin: 0 15%;
	/* padding: 1em; */
}

.panel {
	background-color: #761fd2;
	padding: 40px;
	/*transform: perspective(500px) rotateX(-3deg);
	transition: transform 1s;*/
}

ul {
	list-style-type: "✦  ";
	line-height: 180%;
}

img {
	border-radius: 1em;
}

a {
	color: #ff74b7;
}

kbd {
	outline: 1.5px solid #AB8FCA;
	/* font-weight: bold; */
	font-size: large;
	border-radius: 0.25em;
	padding: 0.00em 0.3em;
	margin: 0 0.2em;
}

nav {
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 1em 1em;
	gap: 0.5em;
}
nav a {
	display: block;
	color: white;
	text-decoration: none;
	transition: background-color 0.1s;
	background-color: #8d2ff3;
	box-shadow: inset 0 0 5px #ffffff44;
	padding: 1em;
	text-align: center;
	border-radius: 1em;
}
nav a:hover {
	transition: background-color 0.05s;
	background-color: #ff4ea4;
}

/*
Source - https://stackoverflow.com/questions/2258647/changing-the-highlight-color-when-selecting-text-in-an-html-text-input
Posted by user3553619, modified by community. See post 'Timeline' for change history
Retrieved 2025-11-25, License - CC BY-SA 3.0
*/
/*** Works on common browsers ***/
::selection {
	background-color: #dc37ad;
}
/*** Mozilla based browsers ***/
::-moz-selection {
	background-color: #dc37ad;
}
/***For Other Browsers ***/
::-o-selection {
	background-color: #dc37ad;
}
::-ms-selection {
	background-color: #dc37ad;
}
/*** For Webkit ***/
::-webkit-selection {
	background-color: #dc37ad;
}