body {
	background-color:black;
	background-image:url("home.gif");
}

.main {
	background-color:rgba(255,255,255,0.3);
	display:block;
	width:1500px;
	height:720px;
	margin:auto;
	border-radius:20px;
}

.main p{
	color:white;
	font-family:"Lucida Console";
	font-size:20px;
	padding-top:400px;
	padding-left:100px;
}

.main span::before{
	content:"...";
	animation: dots 2s infinite;
}

.scrollcontainer {
	background-color:rgba(0,0,0,0.5);
	z-index:1;
	top:0;
	right:0;
	position:fixed;
	display:block;
	width:900px;
	height:100%;
}

.scroller{
	height:1000px;
}

.scroller p{
	color:black;
	font-family:Arial;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:20px;
	text-indent:20px;
	overflow:hidden;
	margin-top:0px;
	padding-top:5px;
}

.scroller img{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	padding-bottom:0px;
	width:40px;
}

#movie {
	top:150px;
	left:300px;
	position:fixed;
	z-index:2;
	animation-name: moviemove;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

#social {
	position:fixed;
	z-index:2;
	top:250px;
	right:300px;
	animation-name: socmove;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

#vids {
	position:fixed;
	z-index:2;
	top:500px;
	left:600px;
	animation-name: vidmove;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
}

#exit img{
	width:100px;
	position:fixed;
	top:600px;
	right:100px;
	z-index:2;
}

#window {
	display:block;
	z-index:-1;
	position:fixed;
	margin-left:150px;
	top:-50px;
	animation: widow 5s infinite;
}

#window2 {
	z-index:-1;
	position:fixed;
	top:-500px;
	margin-left:20px;
	animation: bigwidow 5s infinite;
}

@keyframes dots {
	0%{content:" ";}
	33%{content:".";}
	66%{content:"..";}
	100%{content:"...";}
}

@keyframes moviemove {
	0% {left:300px;top:150px;}
	33%{left:305px;top:155px;}
	66%{left:295px;top:145px;}
	100%{left:300px;top:150px;}
}

@keyframes socmove {
	0% {right:300px;top:250px;}
	33%{right:305px;top:255px;}
	66%{right:295px;top:245px;}
	100%{right:300px;top:250px;}
}

@keyframes vidmove {
	0% {left:600px;top:500px;}
	33%{left:605px;top:505px;}
	66%{left:595px;top:495px;}
	100%{left:600px;top:500px;}
}

@keyframes widow {
	0%{opacity:0.7;}
	50%{opacity:0.3;}
	100%{opacity:0.7;}
}

@keyframes bigwidow {
	0%{opacity:0.1;}
	50%{opacity:0.5;}
	100%{opacity:0.1;}
}