@font-face {
  font-family: myMonaco; 
  src: url(Monaco.ttf); 
}
@font-face {
  font-family: myPapy; 
  src: url(times.ttf); 
}


html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: auto;
    vertical-align: center;
	margin: auto;
	background-color: black;
	#background-image: url("TDgiftest.gif");#
	text-decoration: underline;
	a:link, a:visited {
		color: #90EE90;
		text-decoration: none;
		text-decoration-style: none;
		transition: color 0.3s ease;
	}
	p{
  font-family: myPapy; 
  color: #90EE90;
  vertical-align: center;
  margin: auto;
}
h1, h2 {
	font-family: myPapy;
	color: white;
	vertical-align: center;
	
}
	div {
		width: flex;
		height: 100;
		margin-left: auto;
		margin-right: auto;
	}
	.fixed-element {
    position: fixed; 
    bottom: 0;      
    left: 0;        
    padding: 1px;
	color: lightpurple;
    z-index: 100;  
}
	span {
			font-size: 10px;
		}
		button {
			font-family: myPapy;
			cursor: url('cursor3.png'), auto;
}
	.namebox {
	width: flex;
	vertical-align: center;
	background-color: blue;
}
.bordered-box {
    width: flex;
    padding: 10px;
    text-align: center;
    border: 7px dotted blue;
	border-image: url("bordergrn.png") 40 stretch; 
	background-image: none;
	background-color: transparent; 
}
	.bordered-box2 {
    width: 100px;
    padding: 10px;
    text-align: center;
    border: 20px solid black; 
	border-image: url("borderhm2.png") 40 stretch; 
	background-color: light blue; 
}
.center-box {
    display: flex;
    justify-content: center;
	align-items: center;
	
    
	
}