.sq_flex_cont{
    position:absolute;
    display:inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    transition:all 400ms ease;
    animation-direction: alternate;
}
.sq_inner{
    position:relative;
    
}
.rotate{
    animation: rotate 80s linear infinite; 
}
@keyframes rotate{
    to{ transform: rotate(360deg); }
}
.over_layer{
    position:absolute;
    display:inline-flex;
    top:0px;
    left:0px;
    font-family:arial;
    font-size:17px;
    width:100%;
    height:100%;
    background:transparent;
    overflow:hidden;
    opacity:0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.over_link{
    position:absolute;
    display:inline-flex;
    top:8px;
    left:8px;
    font-family:arial;
    font-size:13px;
    width:auto;
    height:auto;
    background:rgb(181, 196, 228);
    padding:10px;
    text-align:left;
    opacity:.8;
    color:#444;
    align-items: center;
    flex-wrap: wrap;
    cursor:pointer;
}

.over_link_img{
    position:relative;
    width:30px;
    height:auto;
    margin-left:8px;
}

.zi0{
    z-index:24;
}
.zi1{
    z-index:25;
}
.zi2{
    z-index:26;
}
.zi3{
    z-index:27;
}

.large_m_text{
    font-family: Arial, Helvetica, sans-serif;
    font-size:min(20vh,232px);
    color:white;
    word-wrap: break-word;
    line-height: 20vh;
    height:70vh;
    opacity:.7;
}

.over_abtn{
    display:inline-flex;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    background:rgba(255,255,255,.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
}
.over_ainf{
    position:relative;
    display:inline-flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    width:auto;
    max-width:100px;
    z-index:14;
}
.ainf_item{
    width:100%;
}
.over_ainf_pic{
    width:100px;
    height:auto;
}
.size_m{
    font-size:13px;
}
.size_s{
    font-size:10px;
}
.ainf_item{
    background:yellow;
    font-family:Arial, Helvetica, sans-serif;
    color:#444;
    padding-bottom:4px;
    padding-top:4px;
    margin-top:8px;
}
.over_bbtn{
    display:none;
    position:absolute;
    align-items:center;
    justify-content: center;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
    background:rgba(211, 69, 69, 0.5);
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    padding:10px;
    z-index:14;
    opacity:0;
}
.over_qbtn{
    display:none;
    opacity:0;
    position:absolute;
    align-items:center;
    justify-content: center;
    
    width:auto;
    height:auto;
    cursor:pointer;
    bottom:20px;
    right:20px;
    z-index:40;
}
.main_viewport{
    position:absolute;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    z-index:10;
}
.open_extenal_icon{
    height:20px;
    width:auto;
    cursor:pointer;
}
.w_ext_icon{
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: space-between;
}
.msq{
    position:relative;
    width:70%;
    max-width:1200px;
    aspect-ratio: 1/1;
    height:auto;
}