body{
	background-color: white;
	color: #00000;

	font-family: Palatino, serif;
	font-size: 12px;
	font-weight: normal;

	/* Same as above*/
	font: normal, 16px Arial, Helvetica, sans-serif;

	line-height: 1.6em;
	margin: 0;
}

#main-header{
	text-decoration: none;
	list-style-type: none;
	padding-left: 50px;
	padding-top: 40px;
	font-size: 12px;
	font-family: times new roman;
}

.fix-me{
	position: fixed;
	top: 50px;
}


#navbar ul{
	padding: 400;
	list-style: none;
	line-height: 1em;
	text-align: center;
}

#navbar li{
	display: inline;
}

#navbar a{
	color: black;
	text-decoration: none;
	font-size: 14px;
	padding-right: 50px;
}

.main-navbar{
	width: 47%;
	margin: auto;
	text-align: justify;
}

#navbar a:hover{
	color: #00e600;
}

a{
	text-decoration: none;
	color: #000;
	text-decoration-line: line-through; /*think about this*/
}


a:hover{
	color: #00e600;
}

/*



/* Carousel 
*/

.carousel-wrapper {
  height: 800px;
  position: relative;
  width: 1200px;
  display: block;
  margin: 50px auto ;
  
}

.carousel-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 50px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.arrow{
  border: solid black;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 12px;
}
.arrow-prev {
  left: -60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);

}
.arrow-next {
  right: -60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}

[id^= "item"] {
  display: none;
}
.item-1 {
  z-index: 2;
  opacity: 1;
  background: url('a.jpg');
  background-size: cover;
}
.item-2 {
  background: url('b.jpg');
  background-size: cover;
}
.item-3 {
  background: url('c.jpg');
  background-size: cover;
}


*:target ~ .item-1{
  opacity: 0;
}
#item-1:target ~ .item-1 {
  opacity: 1;

}
#item-2:target ~ .item-2, #item-3:target ~ .item-3 {
  z-index: 3;
  opacity: 1;
} 


/*
#item-3:target ~ .item-3, #item-4:target ~ .item-4 {
  z-index: 3;
  opacity: 1;

  .item-4 {
  background: url('carousel-slide3.jpg');
  background-size: cover;
}

}
*/


.swirltext{
	margin-left: 40px;
	margin-top: 80px;
}


/* many problems occur
.fix-me{
	position: fixed;
	top: 50px;
}
*/