body{
	   background-image: url("Background.jpg");
	   width: cover;
	   height: cover;
	   background-size: cover;
	   animation: fadeInAnimation ease 1s;
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}
#img{
	position: fixed;
}
a:link, a:visited {
  color: #333333;
  text-decoration: none;
  display: inline-block;
}
a:hover{
  color: #8c8c8c;
}
a:active {
	color: darkblue;
	background: repeating-radial-gradient();
}
#center{
	color: darkblue;
	position: fixed;
	left: 280px;
	top: 190px;
	font-family: Helvetica;
	font-size: 50px;
	font-weight: bold;
}
.body{
	position: absolute;
	left: 400px;
	top: 300px;
	font-family: Courier New;
	font-size: 22px;
	font-weight: bold;
	z-index: 3;
}
#left{
	float: left;
	font-family: Helvetica;
	font-size: 40px;
	padding: 25px;
	font-weight: bold;
}
#right{
  font-family: Helvetica;
  font-weight: bold;
	font-size: 40px;
	position: absolute;
	right: 30px;
	top: 35px;
}
#icon{
	text-align: right;
	font-size: 80px;
	position: fixed;
	bottom: 20px;
	right: 30px;
}
#bullu{
	position: absolute;
	left: 340px;
	top: 20px;
	z-index: 1;
}
#rotate{
	-webkit-transform: rotate(-12deg);
  -moz-transform: rotate(-12deg);
  -o-transform: rotate(-12deg);
  -ms-transform: rotate(-12deg);
  transform: rotate(-12deg);
	z-index: 2;
	position: absolute;
	left: 210px;
	top: 0px;
}
#dot{
	position: absolute;
	left: 240px;
	top: 70px;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: Black;
}