/**featured**/
.featured
{
    position: relative;
    /* border: 1px solid silver; */
}
/**
 * services
 */
 #services_bar_MV{
    position: absolute;
    width: 75%;
    height: 95%;
    left: 15%;
    top: 2%;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-behavior: smooth;
    pointer-events: none;
    perspective: 1000px;
}
#services_bar_MV::-webkit-scrollbar{
    width: 0;
    height: 0;
}
/* #services_note_MV{
    position: absolute;
    width: 100%;
    height: 75px;
    color: white;
    font-family: source;
    bottom: 0;
    background-color: var(--tone1);
} */
.preps{
    position: relative;
    top: 5%;
    width: 75%;
    height: 90%;
    left: 0%;
    transform-style: preserve-3d;
    transform-origin: left;
    transform: rotateX(2deg) rotateY(15deg);
    transition: transform 1s ease-in-out;
}

.nws{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--tone1);
    /* border: 1px outset silver; */
    cursor: pointer;
    -webkit-box-reflect: 
        below 2% linear-gradient(#00000000 85%, #00000066);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
#web_des_MV{
    transform: rotateY(0deg);
    transform-origin: left;
}
#gra_des_MV{
    transform: rotateY(-90deg);
    transform-origin: left;
}
#ani_des_MV{
    transform: rotateY(-180deg);
    transform-origin: left;
}
#art_des_MV{
    transform: rotateY(-270deg);
    transform-origin: left;
}
/****************/
.clade{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: auto;
}
.clade_top{
    font-family: smart;
    font-size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
#lart{
    font-size: 1.5rem;
}

.clade_top, .clade_mid, .clade_end{
    position: absolute;
    top: 0;
    height: 15%;
    width: 100%;
}
.clade_mid{
    top: 15%;
    height: 70%;
}
.clade_end{
    top: 85%;
}

/***********************/