<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#main{
    width:80vmin;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-top:2vmin;
}

#topInfo{
    height:7.5vmin;
}

#topInfo:before{
    position: absolute;
    line-height: 1.5vmin;
    letter-spacing:0.2vmin;
    top: 0;
    left: 6vmin;
    font-weight: bold;
    font-size: 1.5vmin;
}
#topInfo:after{
    position: absolute;
    width: 5vmin;
    height: 0.5vmin;
    top: 0.5vmin;
}
#topInfo&gt;*{
    position:absolute;
}
#topInfo h2{
    line-height:5vmin;
    bottom:0;
}
#topInfo a{
    right:0;
    bottom:0;
    transition:opacity 0.5s;
}
#topInfo a:hover{
    opacity:0.5;
}
#topInfo a div{
    display:flex;
    height:5vmin;
}
#topInfo a div p{
    line-height:2vmin;
    margin-top:1.5vmin;
    color:black;
}
#topInfo a div img{
    margin:0 1vmin;
}

#itemFrame{
    width:80vmin;
    height:45vmin;
    margin: 2vmin auto;
    overflow:hidden;
}

#itemArea{
    display: flex;
    transition: margin-left 1s;
    height:100%;
    width:100%;
}



#vFrame{
    width:100%;
    height:100%;
    flex-shrink: 0;
}
#vFrame iframe{
    width:100%;
    height:100%;
    border: none;
}

#itemArea img{
    object-fit: contain;
    width:100%;
    height:100%;
    flex-shrink: 0;
}

#editBtn{
    position:absolute;
    right:2vmin;
    bottom:2vmin;
    color:white;
    line-height: 2vmin;
    font-size:1.5vmin;
    outline: solid white 0.1vmin;
    background:rgb(0 0 0 /0.5);
    padding:0.5vmin 2vmin;
    transition: background 0.5s, color 0.5s;
}

#editBtn:hover{
    color:black;
    background:rgba(255, 255, 255, 0.5);
    outline-color: black;
}

#scrollControl{
    display:flex;
    justify-content: center;
    margin-top:1vmin;
}

#scrollControl h2{
    line-height: 3vmin;
    width:10vmin;
}

#scrollControl img{
    height: 3vmin;
    transition:translate 0.5s;
}
#lD:hover{
    translate: -0.5vmin;
}
#rD:hover{
    translate: 0.5vmin;
}


#explanation{
    text-align:left;
    white-space: pre-wrap;
}
#tags{
    display:flex;
    justify-content: left;
    flex-wrap: wrap;
    width:100%;
    margin-top:2vmin;
    margin-bottom:3vmin;
}
#tags a{
    background:lightgray;
    color:black;
    line-height: 2vmin;
    font-size:1vmin;
    padding:0 2vmin;
    border-radius: 1vmin;
    margin-right:2vmin;
    margin-bottom:1vmin;
    transition: translate 0.5s;
}
#tags a:hover{
    translate: 0 -0.2vmin;
}
#backList{
    margin-top:0;
    margin-bottom:10vmin;
    padding:1.5vmin 3vmin;
    font-size:1.5vmin;
    line-height:2vmin;
    border-radius:0;
}</pre></body></html>