@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local('Fredericka the Great'), local('FrederickatheGreat'), url(https://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18hsRj2C0BvLNQqKHRdEu66Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'Francois One';
  font-style: normal;
  font-weight: 400;
  src: local('Francois One Regular'), local('FrancoisOne-Regular'), url('/_fonts/francoiseone.woff') format('woff');
}


html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
img {
	height:16px;
	width:16px;
}


body {

	background-color:#ccc;
	line-height:120%;
	font-family:serif;
	margin-left:10px;
	xfont-size:12px;
}

h1 {
	font-family: 'Fredericka the Great';
	font-weight:normal;
	font-size:36px;
	margin:20px;margin-bottom:40px;margin-top:30px;
	color:#666;
	xcolor:Green;
}
h4 {
	margin-top:20px;
	margin-bottom:2px;
	padding:0px;
	
}
main {
	margin:30px;
}
#mike {
	list-style-type:none;
	color:WindowText;
	border:2px solid WindowFrame;
	background:Window;
	padding:0px;
	width:300px;
	height:150px;
	margin-top:10px;
	margin-bottom:10px;
	box-shadow:5px 5px 5px 0px #333;
	position:absolute;
	right:30px;
	top:50px;
	font:icon;
	overflow:hidden;
}	
#mike .title {
	background-color:ActiveCaption;
	color:CaptionText;
	padding:5px;
	border-bottom:1px solid WindowFrame;
	font:message-box;
}
.mosaic {
	color:blue;
	text-decoration:underline;
}
.titleBar {
	//height:25px;
	xpadding:8px;
	font-size:15px;
	font-weight:bold;
	xbackground-color:cadetblue;
	color:black;
	font-family:sans-serif;
	//position:relative;
	xborder:1px solid yellow;
}
.footer {
	
	xpadding:5px;
	xheight:12px;
	
	font-size:10px;
	font-weight:normal;
	background-color:#999;
	color:black;
	font-family:sans-serif;
	border-top:1px solid #666;
}
iframe {
	
}
.closer {
	position:absolute;
	top:0px;
	right:0px;
	xfloat:right;
	margin:0px;
	cursor:pointer;
	xwidth:25px;
	xborder:1px solid white;
	xtext-align:center;
	font-family:sans-serif;
	font-size:32px;
	margin-right:1px;
	line-height:100%;
	color:#777;
}
ul {
	margin-bottom:5px;
}

start {
	z-index:100;
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
	xheight:50px;
	background-color:#ddd;
	border:1px solid #666;
	font-size:14px;
	xfont-weight:bold;
	font-family:sans-serif;
	padding:5px;
	text-align:center;
	cursor:pointer;
	user-select: none;
}

desk {
	display:none;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	background-color:white;
	border:0px solid orange;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:50px;
	padding-right:35%;
	line-height:150%;
	font-size:18px;

}
#franklin {
	width:322px;
	height:299.5px;
	margin-20px;
}