main{
    width:1000px;
    margin:0px auto;}

nav, footer, div{'
    margin-top:100px;
    margin:0px auto;}

#comicSelector{
    width:275px;
    height: 40px;
    margin:0px auto 20px;}

#btn{ 
    background: #000;
    color: #fff;
    width:50px;
    height: 40px;
    margin:0px auto;}


.btn {
  background-color: #333;
  color: white;
  cursor: pointer;
  padding: 10px;
  width: 120px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .btn:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


li, p{
    display:block;
    margin-left: 200px;}
    
#avatar1, #avatar2, #avatar3{
    border:4px solid #000;
    border-radius:360px;}
#title1, #title2, #title3{
    width: 500px;
    height: 40px;
    background: lightblue;
    color:#333;
    padding:10px 25px;
    margin-left:90px;}

#avatar1{
    float:left;
    width: 150px;
    height: 150px;
    background-image:url('imgs/ch1.png');}


#title1{
    
    }

#avatar2{
     float:left;
     width: 150px;
     height: 150px;
     background-image:url('imgs/ch2.png');}
   
#title2{
     } 

#avatar3{
     float:left;
     width: 150px;
     height: 150px;
     background-image:url('imgs/ch3.png');}

#title3{ 
    }
h1,h2{
    background: #ccc;
    padding:20px}
 
.intro h3{
    padding:20px;
    background: #ddd;
    text-align: left;}
    
 section #preview{
    width: 100%;
    height: ;   
    
section{
    width: 100%;
    height: 400px;