character.css

body{
    background-color: rgb(45, 44, 44);
}
#main{
    width: 100%;
    height:1000px;
    display: flex;
    border: 3px solid black;
    flex-direction: column;
    justify-content: center;
    
.items{
    /* width: 30px;
    height: 30px; */
    /* border: 2px solid black; */
    background-image: url(blueluffy.png);
    align-self: center;
    flex-direction: row;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    /* margin: auto; */
}
.selcector{
    align-self: center;
    /* display: flex; */
    transform: initial;
}
}
#item1{
    height: 950px;
    width: 65%;
    box-shadow: 2px 2px 25px 25px rgb(12, 92, 251);
}
/* .zoom{
    
} */
#chopper:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #brook:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #franky:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #zoro:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #luffy:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #sanji:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #nami:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #ussop:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
  #robin:hover img {
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
  }
.selcector:hover #robin{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #ussop{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #nami{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #sanji{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #luffy{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #zoro{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #franky{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #brook{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
.selcector:hover #chopper{
    transform: scale(1.2);
    border: 2px solid rgb(6, 78, 187);
}
#h1tag{
    font-family: 'Pangolin', cursive;
    position: absolute;
    font-size: larger;
}