@charset "utf-8";
/* CSS Document */

body {
	background: grey;
	color: white;
	width: 1920px;
	height: 1080px;
}

@font-face {
	font-family: 'Pixelated Elegance Regular';
	src: url('pixelatedeleganceregular-ovyaa-webfont.woff2') format('woff2'),
		 url('pixelatedeleganceregular-ovyaa-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

.close {
	color: red;
	position: absolute;
	top: 200px;
	left: 1300px;
	opacity: 0;
}

.recycle {
	background: green url("recycleEmpty.jpg");
	top: -900px;
	width: 756px;
	height: 537px;
	margin: 0px auto;
	position: relative;
}

.logout {
	position: absolute;
	top: 1005px;
	background: url("logout.png");
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}

.videoplayer {
	position: absolute;
	top: 1005px;
	left: 200px;
	background: url("videoplayer.png");
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}

.game {
	position: absolute;
	top: 1005px;
	left: 300px;
	background: url("gameIcon.png");
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}

.browser {
	position: absolute;
	top: 1005px;
	left: 100px;
	background: url("InternetExplorer.png");
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}

.trash {
	position: absolute;
	top: 1005px;
	left: 1850px;
	background: url("recycleBin.png");
	width: 80px;
	height: 80px;
	text-indent: -99999px;
}

/*------------Images----------------*/

h1{
	background: green url("spooky.jpg");
	position: absolute;
	top: 340px;
	left: 950px;
	width: 190px;
	height: 140px;
	text-indent: -999999px;
}

h2{
	background: blue url("hotCoco.jpg");
	position: absolute;
	top: 490px;
	left: 950px;
	width: 190px;
	height: 140px;
	text-indent: -999999px;
}

h3{
	background: red url("field.jpg");
	position: absolute;
	top: 640px;
	left: 950px;
	width: 190px;
	height: 61px;
	text-indent: -999999px;
}

h4{
	font-size: 30px;
	position: relative;
	top: -1350px;
	left: -665px;
	font-family: Pixelated Elegance Regular;
	color: black;
	text-align: center;
	opacity: 0;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	line-height: .4;
}

/*------------End Images----------------*/

.frame{
	background: green url("windowswallpaper.jpg");
	width: 1920px;
	height: 1080px;
	margin: 0px auto;
	position: relative;
}

.taskbar {
	background: url("taskbar.png");
	position: absolute;
	width: 1920px;
	height: 100px;
	top: 990px;
}