bbh-pc/iframe.css

.exhibition{
    position: absolute;
    border-width: 0;
    left:50%;
    top:56rem;
    transform: translate(-50%);
    width:100%;
    height: 63rem;
}


.backsvg{
    width: 100rem;
}

.iframesvg{
    height:63rem;
}

#caltural-relic-wall{
    position: absolute;
    top:8rem;
    left:0;
    width:100%;
    height:55rem;
    /* transform-origin: top left;
    transform: scale(1,1); */
}

.text-title{
    position: absolute;
    top:3rem;
    width: 100rem;
    display: flex;
    justify-content: center;
    font-size: 2.5rem;
}

.img-title{
    position:absolute;
    top:3rem;
    width:100rem;
    display:flex;
    justify-content: center;
}

.tradition{
    top:119rem;
}


.revolution{
    top:160rem;
}

.nation{
    top:201rem;
    height:60rem;
}

.bottom{
    /* bottom:0; */
    top:242rem;
    height:17rem;
}

.cards{
    position:absolute;
    top:8rem;
    left:0;
    width: 100%;
    height:25rem;
    display: flex;
    justify-content: center;
    background-color: lightgray;
}

.card{
    top:0;
    width:18rem;
    height:25rem;
    margin: 0 2rem 0 2rem;
    background-color: lightblue;
}

.img5{
    width: 8.5rem;
}

.guide{
    position: absolute;
    top:4rem;
    left:0;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.info{
    /* top:2rem; */
    height:10rem;
    width:10rem;
    margin:0 2rem 0 2rem;
    background-color: lightgrey;
}