@font-face {
    font-family: 'ego_trip_fat';
         src: url('https://powertyping.com/barracuda/css/egotrip_f-fnt.woff2') format('woff2'),
         url('https://powertyping.com/barracuda/css/egotrip_f-fnt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@-ms-viewport{width: device-width;zoom: 1.0;}
#dbg{position:absolute;top:0;left:-4000px;}
body{margin:0;padding:0;color:#d0d2d2;background-color:#111;font-family:sans-serif;font-size:16px;}
input{position:relative;display:inline;font-size:1.1em;vertical-align:top;}
div{background-color:transparent;background-color:rgba(0,0,0,0);}
.fntsize{margin-right:0.4em;}
#fnu,#fnr,#fnd{border:unset;}
#fnu,#fnr,#fnd{border-radius:9px;font-size:inherit;}
a:hover,button:hover{cursor:pointer;}
button:hover{background-color:#efefef;}
.sect{position:relative;width:100%;margin:0 0 0 0;padding:0;text-align:center;}
.vtop{vertical-align:top;}
.container{margin:0 auto;}
#holdcanv{position:relative;margin:0 auto;/*overflow:hidden;*/border: 1px solid #c3c3c3;padding:0;}
#holdcanv input{background-color:#ffffff;border:1px solid #ffffff;color:#000033;}
#c3,#c4{position:relative;margin:0.5em auto;width:80%;padding:0;text-align:left;}
#cv{position:absolute;top:0;left:0;width:400px;height:350px;padding:0;z-index:1;}
#cvd{top:0;left:0;height:250px;background-color:#e6e6f6;padding:2em;}
#pausebut,#stopbut,#tentry{visibility:hidden;}
#pausebut{margin-right:0.4em;}
#c1{font-family: ego_trip_fat;color:#00ccff;font-size:1.8em;letter-spacing: 0.7em;/*text-shadow: 5px 7px 14px #0099ff*/text-shadow: 1px 4px 8px #0099ff;}
#play{position:absolute;right:5px;bottom:18px;width:2em;height:2.2em;z-index:7;
box-shadow: 0px 0px 0px #888888;
   -webkit-transition:box-shadow 0.5s; /* Safari */
   transition:box-shadow 0.5s;
}
#play{background-image:url("https://powertyping.com/barracuda/im/playup.png");background-size:2em;background-repeat:no-repeat;}
#play:hover{
box-shadow: 0px 3px 6px #ffffff;
cursor:pointer; 
}
#myg{display:inline-block;color:transparent;color:rgba(0,0,0,0);}
#myd,#mydPSL,#myUF{position:absolute;color:#996600;padding:0.5em 0;background-color:rgba(250,250,250,0.7);font-size:1.2em;visibility:hidden;}
#pstS{visibility:hidden}
#myd1{display:inline-block;}
#myd2{display:inline-block;color:#ffffff;}
#myd3{font-size:1.3em;font-weight:bolder;padding:0.6em 0.6em 0 0.6em;color:#222222;}
#gov{font-size:1.3em;}

#selH{position:absolute;width:100%;height:100%;top:0;left:-1500px;background-color:#eee;color:#222;border:1px solid #aaa;text-align:center;z-index:-1;}
.selbtr{position:absolute;top:2px;right:2px;}
#selBT{position:absolute;width:100%;height:100%;text-align:center;vertical-align:middle;}
#sel0{display: inline-block;left: 0; top: 30%;}
#sel1{display:inline-block;left: -3em; top: 50%;}
#sel2{left: 2em; top: 70%;}

.selbts{ position:relative;border: thick solid rgb(102, 51, 0);}

#s7{overflow:hidden;}
#c4{font-size:1.2em;}
#c5{display:inline-block;width:350px;height:250px;}
#c6{padding-top:4em;width:70%;}
#c7{display:inline-block;background-color:#c0b0a2;border-radius:3px;padding-bottom:1em;}
.t3h,#d60,#d61,#d62,#d63{display:inline-block}
#d60,#d61{border-right:3px solid #b5dc6b;padding:0 0.4em;}
#d62{padding-left:0.4em;}
.t3h{margin:0 1em 0.6em 0;padding:0;color:#b5dc6b}
ul.selt{list-style-type: square;background-color:#f8f4f0;border-radius:3px;color:#222222;font-size:1.2em;text-align:left;margin: 1em;padding:2em;}
ul.selt li{padding:0.3em 0.6em;}
a.txt,a.txt:visited{color:#0033bb;} 
a,a:visited{color:#6699ff;}
a#pstS,a#pstS:visited,a#chvl,a#chvl:visited{color:#113399;}
a:hover,a.txt:hover,a:active,a.txt:active{color:#ffa500;}
@media screen and (max-device-width: 700px) and (max-device-height:700px) {
body,input{font-size:0.9em;}
#cv,#cvd{width:100%;}
#sel0,#sel1,#sel2 {    
   -webkit-transition:background-color 0.5s; /* Safari */
   transition:background-color 0.5s;
}
#sel0:hover,#sel1:hover,#sel2:hover{     
background-color:#ffff99;
cursor:pointer;
}
#c5,#c7 { padding-bottom: 0px; margin-bottom: 0px;}
}