body{background-color:grey;}
#divMain{
margin:150px auto;
width:80%;
}
#divGitHub{
top:0px;
right:0px;
width:200px;
height:200px;
overflow:hidden;
position:absolute;
z-index:100;
pointer-events:none;
}
#GitHub{
background-color:#800;
border:solid 2px black;
color:white;
cursor:pointer;
font:bold 14px Arial,Helvetica,sans-serif;
height:20px;
padding-top:3px;
position:absolute;
right:60px;
text-align: center;
transform:translate(50%,-50%) rotate(45deg);
text-shadow: 0 0 8px black;
top:60px;
width:240px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
pointer-events:auto;
}
#GitHub:after{
content:'Star me on GitHub';
}
#GitHub:hover{
background-color:#f00;
}
#demo1{
margin:8px auto;
}
@font-face{font-family:'ThiborFont';src:url(ThiborFont.ttf);}
.WT{
margin:8px;
float:left;
border:2px solid #000;
border-radius:8px;
background-color:black;
font:normal 32px ThiborFont;
padding:24px;
text-align: center;
box-sizing:border-box;
color:#080;
-webkit-user-select:none;
-moz-user-select:none;
}
.WT span{
cursor:pointer;
}
.WT span:hover{
color:#22ff55;
}
.wtActive{
color:#0f0;
text-shadow:0 0 10px #4f4,0 0 4px #fff;
}
.divWaveLength{
float:left;
}
.divWaveLength input{
margin:8px;
border-style:none;
cursor:pointer;
}
.capWaveLength{
color:white;
font-size:large;
padding:8px;
text-align:center;
}