body{
    background-color:rgb(20, 20, 20)
}

#name {
    height: 150px;
    width: 820px;

}

#backdrop {
    height: 540px;
    width: 920px;
}

#container {
    height: 540px;
    width: 920px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin: 20px;
}

#panel1{
    height: 205px;
    width: 61px;
    transition: 0.6s;
    position: absolute;
    left: 0px;
    top: -8px;
    opacity: .01;
}

#panel1:hover{
    opacity: 1;
}

#panel2{
    height: 482px;
    width: 119px;
    transition: 0.6s;
    position: absolute;
    left: 61px;
    top: -6px;
    opacity: 0;
}

#panel2:hover{
    opacity: 1;
}

#panel3{
    height: 412px;
    width: 127px;
    transition: 0.6s;
    position: absolute;
    left: 180px;
    top: -6px;
    opacity: 0;
}

#panel3:hover{
    opacity: 1;
}

#panel4{
    height: 475px;
    width: 120px;
    transition: 0.6s;
    position: absolute;
    left: 307px;
    top: -8px;
    opacity: 0;
}

#panel4:hover{
    opacity: 1;
}

#panel5{
    height: 394px;
    width: 124px;
    transition: 0.6s;
    position: absolute;
    left: 427px;
    top: -8px;
    opacity: 0;
}

#panel5:hover{
    opacity: 1;
}

#panel6{
    height: 447px;
    width: 60px;
    transition: 0.6s;
    position: absolute;
    left: 550px;
    top: -7px;
    opacity: 0;
}

#panel6:hover{
    opacity: 1;
}

#panel7{
    height: 418px;
    width: 128px;
    transition: 0.6s;
    position: absolute;
    left: 610px;
    top: -7px;
    opacity: 0;
}

#panel7:hover{
    opacity: 1;
}

#panel8{
    height: 237px;
    width: 182px;
    transition: 0.6s;
    position: absolute;
    left: 738px;
    top: -8px;
    opacity: 0;
}

#panel8:hover{
    opacity: 1;
}