/* S. Speech */

/* S.1 Container */


#spe-con {
position:fixed;
left:0; top:0; 
width: 100%; height:100%;
transition: opacity 0.5s;
z-index:3;
}

.spe-con-off {
pointer-events:none;
opacity:0;
}

#spe-offclick {
cursor:pointer;
}

#spe-box {
position:absolute;
left:0; right:0; margin:auto; bottom: 5.5%;
width: calc(var(--content-height)*0.94707); height: 20%;
background-image: url('/v5/Speech/HomeSpeechDraft5Blank3sm.png');
background-size: auto 100%;
color:white;
font-weight:bold;
font-size: calc(var(--content-height)*0.1);
}

@media screen and (orientation: portrait) {
#spe-box {width: 94.707%; height: calc(var(--content-width)*0.2); font-size: calc(var(--content-width)*0.1);}
}


/* S.2 Name */


#spe-name {
position:absolute;
left:4.75%; top: 68.38%;
width: 15.53%; height: 18.03%;
font-size: 20%;
text-align:center;
}




/* S.3 Speech Text */

#spe-text {
position:absolute;
left: 22.25%; top:20%;
width: 65%; height: 58.85%;
font-size: 25%;
}

#spe-text-invis {
visibility:hidden;
}


/* S.4 Page Count */

#spe-count {
position:absolute;
right: 5%; bottom: 15%;
width: 7.5%; height: 12.5%; 
font-size: 20%;
text-align:right;
}



/* S.5 Profile */

#spe-face {
position:absolute;
left:5.09%; top: 6.56%;
width: 14.84%; height: 70.26%;
background-size: auto 100%;
}



/* S.6 Skip & Exit */


#spe-skip {
cursor:pointer;
}

#spe-exit {
position:absolute;
right: 3%; top: 12.5%;
transition: transform 0.5s;
cursor:pointer;
font-size: 20%;
}

#spe-exit:hover {
transform: scale(1.3);
}


@media screen and (max-height: 650px) {
#spe-box {background-image: url('/v5/Speech/HomeSpeechDraft5Blank3smM.png');}
}