.noselect {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+/Edge */
  user-select: none;         /* Standard */
}


body{ 
    font-family: Arial, sans-serif; 
    padding: 20px; 
    background: #00f5d4;
    margin:0px;
}
#main_vp{
    position:absolute;
    display:inline-flex;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
    cursor:pointer;
}
.exp{
    position: absolute;
    display:inline-flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index:2;
}
.z0{
    z-index:5;
    filter: blur(7px);
}
.z1{
    z-index:7;
}
.z3{
    display:none;
    z-index:9;
}
.exp video{
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
#text_exp{
    position: relative;
    display:inline-flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: flex-start;
    height:92vh;
    width:auto;
    max-width:411px;
    max-height:536px;
    margin-left:8%;
    min-width:200px;
    background:rgba(255,255,255,.75);
    overflow-x:hidden;
    padding:10px;
    text-shadow: 2px 2px 6px rgba(132,136,148,.8);
}
/*
text-shadow: 2px 2px 6px rgba(32,31,34,.8);
*/
#e_title{
    font-size:76px;
    color:#ddd1c6;
    text-align: left;
    width:94%;
    font-weight:600;
}
#e_content{
    font-size:13px;
    color:#7a746d;
    text-align: left;
    width:94%;
    margin-top:2vw;
}
.fb_iframe{
    position:relative;
    display:inline-block;
    width:100vw;
    height:100vh;
    z-index:2;
}