:root {
    --dropshadow: light-dark(#dfe1e6, #e9b151a1);
}

main {
    background: none;
    margin: 0;
}
.edc {
    display: flex;
    justify-content: center;
    height: 700px;
    width: fit-content;
    margin: auto;
}


#left {
    display: flex;
    flex-wrap: wrap;
    width: 450px;
    justify-content: center;
    align-content: flex-end;
    gap: 30px;
}
#left img {
    align-self: center;
}


#center {
    display: flex;
    flex-direction: column;
    width: max-content;
    justify-content: flex-end;
}
#center h1 {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex: 1;
    font-size: 45px;
}


#right {
    display: flex;
    flex-direction: column;
    width: 450px;
    justify-content: flex-end;
    gap: 30px;
}


#ipod {
    width: 175px;
}
#phone {
    width: 175px;
}
#hobonichi {
    width: 325px;
}
#bag {
    width: 524px;
}
#camera {
    width: 175px;
    align-self: flex-start;
}
#ds {
    width: 325px;
    align-self: center;
}
#wallet {
    width: 175px;
    align-self: flex-end;
}
#chapstick {
    width: 125px;
    align-self: center;
}


.tooltip{
  pointer-events: none;
  display: none;
  position: absolute;
  width: max-content;
  max-height: 103px;
}
.tooltip.show{
  display: inline-block;
}


@media only screen and (max-width:1464px){
    .edc {
        flex-direction: column;
        height: auto;
        width: 100%;
    }
    #center {
        order: 1;
        align-items: center;
    }
    #left {
        order: 2;
    }
    #right {
        order: 3;
        flex-flow: row wrap;
        justify-content: center;
    }
    #right img {
        align-self: center;
    }
    #center, #left, #right {
        width: 100%;
    }
    #center h1 {
        font-size: 24px;
    }
}
@media only screen and (max-width:500px) {
    #bag {
        width: 100%;
    }
}

img:hover {
    transform: rotate(10deg);
    filter: drop-shadow(1px 1px 0 var(--dropshadow)) 
    drop-shadow(-1px 1px 0 var(--dropshadow)) 
    drop-shadow(0 2px 0 var(--dropshadow)) 
    drop-shadow(0 -1px 0 var(--dropshadow)) 
    drop-shadow(0 1px 1.5px var(--dropshadow)) 
    drop-shadow(0 -1px 1.5px var(--dropshadow)) 
    drop-shadow(1px -1px 1.5px var(--dropshadow)) 
    drop-shadow(-1px -1px 1.5px var(--dropshadow));  
}