body {
    background-image: url(comicimages/comicsbackground.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    font-size: 10px;
    font-family: Arial, serif;
}

a {
    color: blue;
}

a:hover {
    color: #82E8FF;
}

h1 {
    font-size: 12px;
    font-weight: bold;
    color: #3777FF;
}


.navbar {
  border: 1px solid white;
  border-radius: 0 20px 0px 0px;
    background-image: linear-gradient(to right, white , #82E8FF);
    height: 20px;
    padding: 1px;
    line-height: 10px;
  }

.container {
    margin: 100px auto;
margin-top: 20px;
width: 60%;
}

.content {
    border: 1px solid #82E8FF;
    background-color: white;
    padding: 5px;
    overflow: hidden;
    height: 500px;
    
}

.boxcomics {
Height: 100%;
width: 70%;

}

.boxinside {
    border: 1px outset #82E8FF;
    overflow-x: scroll;
    height: 340px;
    margin-bottom: 10px;
  }

.button {
    border: 1px outset #82E8FF;
    background-image: linear-gradient(to right, white ,#3777FF);
    width: 100%;
    text-align: left;
    margin-bottom: 1px;
    padding-left: 10px;
  }

  .headerimage {
    width: 100%;
    padding-bottom: 10px;

    } 


.disclaimer {
    border: 1px outset #82E8FF;
background-color: white;
color: #3777FF;
padding: 5px;
text-align: center;
}

.back {
  float: right;
    font-size: 12px;
    margin: -20px 20px;
}


  
footer {
  border: 1px outset #82E8FF;
  border-left: 2px outset white;
  background-image: linear-gradient(to right, white , #82E8FF);
  font-size: 10px;
  color: #3777FF;
  text-align: center;
}
  
}