html, body {
  font-family: "Verdana", cursive, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lovers Quarrel', cursive, sans-serif;
}

.container
{
    border-left: 1px dashed #89e2ff;
    border-right: 1px dashed #89e2ff;
}

.navigation
{
    border-top: 2px dashed #89e2ff;
    border-bottom: 2px dashed #89e2ff;
}

.signature
{
    font-family: 'Lovers Quarrel', cursive, sans-serif;
    font-size:250%;
    margin: 4px;
}

body  {
    background-image: url("//eternityconcepts.net/assets/img/bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #1d3557;
    color: #fbcce3;
    font-size: 15px;
}

@media only screen and (max-device-width: 1366px) {
  body {
    background-attachment: scroll;
  }
}

/* main container */
body > .container
{
    background-color:black;
}

.footer > .container
{
    background-color:black;
}

/* unvisited link */
a:link {
  color: #c02e7f;
  text-decoration: none;
  background-color: none;
}

/* visited link */
a:visited {
  color: #f600ff;
  text-decoration: none;
  background-color: none;
}

/* mouse over link */
a:hover {
  color: #ffd200;
  text-decoration: underline;
  background-color: #39028c;
}

a.btn:hover {
  color: white;
  text-decoration: underline;
  background-color: #39028c;
}

/* selected link */
a:active {
  color: #a68aff;
  text-decoration: underline;
  background-color: none;
}

/* biography table */
.biography-data td
{
    border-bottom: 1px dotted pink;
}

/* carousel */
.carousel-indicators > li {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.carousel-indicators > li.active, .carousel-indicators > li:hover {
  background-color: #717171;
}

.carousel-fade .carousel-item {
	opacity: 0.5;
	transition-duration: 3s;
	transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0.5;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

/* media queries */

@media (min-width: 576px) {
  	.container {
    	max-width: 100%;
  	}

    .comic-page
    {
        width: 100%;
    }
}

@media (min-width: 992px) {
  	.container {
    	max-width: 960px;
  	}

    .comic-page
    {
        width: auto;
    }
}