* {
	font-family:Arial;
	outline:none;
}
body {
	padding:0;
	margin:0;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgd2lkdGg9IjQ4IiAgIGhlaWdodD0iNDgiICAgaWQ9InN2ZzIiPiAgPGRlZnMgICAgIGlkPSJkZWZzNCIgLz4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhNyI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICAgIDxkYzp0aXRsZT48L2RjOnRpdGxlPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxnICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDA0LjM2MjIpIiAgICAgaWQ9ImxheWVyMSI+ICAgIDxyZWN0ICAgICAgIHdpZHRoPSI0OC40ODczMjQiICAgICAgIGhlaWdodD0iNDguNDg3MzI0IiAgICAgICB4PSItMC4xMjYyNjkwNyIgICAgICAgeT0iLTAuMTA4NTE1MDUiICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsMTAwNC4zNjIyKSIgICAgICAgaWQ9InJlY3QyOTg1IiAgICAgICBzdHlsZT0iZmlsbDojMmFkNGZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPiAgICA8cGF0aCAgICAgICBkPSJtIDUuODcxNTYzOCwxMDA3LjY5ODQgLTEuMTk2MzY3NiwxLjM0MzggLTAuMjIyNTgwMSwwLjI1IC02LjAzNzQ4MjYsNi44MTI1IDEuNDE4OTQ3NTMsMS41OTM3IDYuMDY1MzA1MTcsLTYuNzgxMiA0LjYxODUzNTgsNS4xODc1IDEuNDE4OTQ3LDEuNTkzNyA2LjA2NTMwNiwtNi43ODEyIDQuNjE4NTM0LDUuMTg3NSAxLjQxODk0OSwxLjU5MzcgNi4wNjUzMDUsLTYuNzgxMiA0LjYxODUzNSw1LjE4NzUgMS40MTg5NDgsMS41OTM3IDYuMDY1MzA0LC02Ljc4MTIgNi4wMzc0ODMsNi43ODEyIDEuNDE4OTQ3LC0xLjYyNSAtNi4wMzc0ODIsLTYuNzUgLTEuNDQ2NzcsLTEuNjI1IC0xLjE5NjM2OCwxLjM0MzggLTAuMjIyNTgsMC4yNSAtNC42MTg1MzQsNS4xODc1IC00LjYxODUzNywtNS4xNTYzIC0xLjQ0Njc2OSwtMS42MjUgLTEuMTk2MzY3LDEuMzQzOCAtMC4yMjI1ODEsMC4yNSAtNC42MTg1MzQsNS4xODc1IC00LjYxODUzNiwtNS4xNTYzIC0xLjQ0Njc3LC0xLjYyNSAtMS4xOTYzNjcsMS4zNDM4IC0wLjIyMjU4MSwwLjI1IC00LjYxODUzNSw1LjE4NzUgLTQuNjE4NTM1MiwtNS4xNTYzIC0xLjQ0Njc3LC0xLjYyNSB6IiAgICAgICBpZD0icmVjdDM3NTUiICAgICAgIHN0eWxlPSJmaWxsOiMzN2FiYzg7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+ICAgIDxwYXRoICAgICAgIGQ9Im0gNS45NDkyOTkxLDEwMjQuNTcyOCAtMS4xOTYzNjgsMS4zNDM4IC0wLjIyMjU4LDAuMjUgLTYuMDM3NDgzLDYuODEyNSAxLjQxODk0ODAxLDEuNTkzNyA2LjA2NTMwNDk5LC02Ljc4MTIgNC42MTg1MzU5LDUuMTg3NSAxLjQxODk0NywxLjU5MzcgNi4wNjUzMDYsLTYuNzgxMiA0LjYxODUzNCw1LjE4NzUgMS40MTg5NDksMS41OTM3IDYuMDY1MzA1LC02Ljc4MTIgNC42MTg1MzUsNS4xODc1IDEuNDE4OTQ4LDEuNTkzNyA2LjA2NTMwNCwtNi43ODEyIDYuMDM3NDgzLDYuNzgxMiAxLjQxODk0NywtMS42MjUgLTYuMDM3NDgyLC02Ljc1IC0xLjQ0Njc3LC0xLjYyNSAtMS4xOTYzNjgsMS4zNDM4IC0wLjIyMjU4LDAuMjUgLTQuNjE4NTM0LDUuMTg3NSAtNC42MTg1MzcsLTUuMTU2MyAtMS40NDY3NjksLTEuNjI1IC0xLjE5NjM2NywxLjM0MzggLTAuMjIyNTgxLDAuMjUgLTQuNjE4NTM0LDUuMTg3NSAtNC42MTg1MzYsLTUuMTU2MyAtMS40NDY3NywtMS42MjUgLTEuMTk2MzY3LDEuMzQzOCAtMC4yMjI1ODEsMC4yNSAtNC42MTg1MzUsNS4xODc1IC00LjYxODUzNDksLTUuMTU2MyAtMS40NDY3NywtMS42MjUgeiIgICAgICAgaWQ9InJlY3QzNzU1LTAiICAgICAgIHN0eWxlPSJmaWxsOiMzN2FiYzg7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+ICAgIDxwYXRoICAgICAgIGQ9Im0gNS45NDkyOTg5LDEwMzkuOTEyMyAtMS4xOTYzNjc2LDEuMzQzOCAtMC4yMjI1ODAxLDAuMjUgLTYuMDM3NDgyNiw2LjgxMjUgMS40MTg5NDc0OCwxLjU5MzcgNi4wNjUzMDUyMiwtNi43ODEyIDQuNjE4NTM1Nyw1LjE4NzUgMS40MTg5NDcsMS41OTM3IDYuMDY1MzA2LC02Ljc4MTIgNC42MTg1MzQsNS4xODc1IDEuNDE4OTQ5LDEuNTkzNyA2LjA2NTMwNSwtNi43ODEyIDQuNjE4NTM1LDUuMTg3NSAxLjQxODk0OCwxLjU5MzcgNi4wNjUzMDQsLTYuNzgxMiA2LjAzNzQ4Myw2Ljc4MTIgMS40MTg5NDcsLTEuNjI1IC02LjAzNzQ4MiwtNi43NSAtMS40NDY3NywtMS42MjUgLTEuMTk2MzY4LDEuMzQzOCAtMC4yMjI1OCwwLjI1IC00LjYxODUzNCw1LjE4NzUgLTQuNjE4NTM3LC01LjE1NjMgLTEuNDQ2NzY5LC0xLjYyNSAtMS4xOTYzNjcsMS4zNDM4IC0wLjIyMjU4MSwwLjI1IC00LjYxODUzNCw1LjE4NzUgLTQuNjE4NTM2LC01LjE1NjMgLTEuNDQ2NzcsLTEuNjI1IC0xLjE5NjM2NywxLjM0MzggLTAuMjIyNTgxLDAuMjUgLTQuNjE4NTM1LDUuMTg3NSAtNC42MTg1MzUxLC01LjE1NjMgLTEuNDQ2NzcsLTEuNjI1IHoiICAgICAgIGlkPSJyZWN0Mzc1NS05IiAgICAgICBzdHlsZT0iZmlsbDojMzdhYmM4O2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPiAgPC9nPjwvc3ZnPg==);
	background-size:100px 100px;
}
#frame {
	object-fit:contain;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	height:100%;
	width:100%;
}
#screen {
	object-fit:contain;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	height:100%;
	width:100%;
}

/* COLOR 1 */
#frame #path3753,
#frame #rect4504,
#frame #path4063,
#menu #menu-buttons,
#menu #menu-toggle {
	fill:#00FF00 !important;
	background-color:#00FF00;
}

/* COLOR 2 */
#frame #path4188-4,
#frame #path4188,
#frame #path4188-8,
#frame #path4188-0-9,
#frame #path4188-0,
#frame #path4188-0-8,
#frame #path3113,
#frame #path4523,
#frame #path4240-9 {
	fill:#FF6600 !important;
	background-color:#FF6600;
}

#frame #path4188-4,
#frame #path4188,
#frame #path4188-8 {
	cursor:pointer;
}
#menu {
	position:fixed;
	top:15px;
	left:15px;
	height:380px;
	width:60px;
	z-index:100;
}
#menu #menu-buttons {
	position:fixed;
	top:15px;
	left:15px;
	height:385px;
	width:60px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:5px;
	z-index:100;
	display:none;
}
#menu button {
	width:60px;
	height:60px;
	transition:background-color 0.3s;
	cursor:pointer;
	border:none;
	background-color:rgba(0,0,0,0);
	margin-top:2px;
	border-radius:5px;
}
#menu button:hover {
	background-color:rgba(0,0,0,0.5);
}
#menu #menu-toggle {
	z-index:100;
	width:60px;
	height:20px;
	padding:5px;
	position:absolute;
	top:0;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	cursor:pointer;
}
#menu #menu-toggle #menu-image {
	height:50px;
	width:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
}
#menu #options,
#menu #version,
#menu #pause,
#menu #sound,
#menu #save,
#menu #reset {
	width:50px;
	height:50px;
	transition:background-color 0.3s;
	cursor:pointer;
	border:none;
	background-color:rgba(0,0,0,0);
	margin-top:2px;
	border-radius:5px;
	padding:5px;
}
#menu #options:hover,
#menu #version:hover,
#menu #pause:hover,
#menu #sound:hover,
#menu #save:hover,
#menu #reset:hover {
	background-color:rgba(0,0,0,0.5);
}
#menu #options { margin-top:0; }
#menu #save { width:40px; height:40px; padding:10px; }
@media screen and (max-width:px){
	
}
/* Icons
Stats: #g4075
Food: #g5096
Cleanup: #g4163
Games: #g4269
Connect: #g4341
Discipline: #g4378
Medicine: #g4404
Mail: #g4440
History: #g4543
Annoyed: #g5104
*/
#screen #g5305 {
	opacity:1 !important;
}
/*#screen #g4075,
#screen #g4543,
#screen #g5104,
#screen #g4440,
#screen #g4404,
#screen #g4378,
#screen #g4341,
#screen #g4269,
#screen #g4163,
#screen #g5096 {
	opacity:0.2;
}*/