/* css swot words mobile */
body{width:320px; margin: auto; font-family:Arial, Helvetica, sans-serif;background:#FFFFFF;color:black;}
#footer{font-size: 0.8em; color:#315B7F;margin-top: 10px;text-align:center}
#header{text-align:center;color:#9B9B9B;font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;}
#header span{font-size: 0.8em;}
#wrapper{text-align:center}
a:link{text-decoration:none;color:rgba(50,100,100, 0.7);}
a:visited{text-decoration:none;color:rgba(50,100,100, 0.7);}
a:active{text-decoration:none;color:rgba(50,100,100, 0.7);}
a:hover{color:#ECC900;}
a{text-decoration:none;color: #326462;}
#b0 {border-style:solid;
      border-color: rgba(51,102,204, 0.7);
      border-width:2px;
      border-radius:10px;
      padding:5px 10px;
      margin-top:10px;
      margin-bottom:20px;
      width:170px;
      background-color: white;
      color: silver;
      font-size: 1.2em;
      text-align:left;
}
#b1,#b2,#b3,#b4,#b5,#b6,#i1,#i2,#i3{border-style:solid;
      border-color: rgba(51,102,204, 0.7);
      border-width:2px;
      border-radius:10px;
      padding:5px;
      margin-top:5px;
      background-color: whitesmoke;
      color:#315B7F;
      font-size: 1.1em;
      text-align:center;
}
#b1,#b2,#b3,#b4,#b5,#b6{width:100px;}
#i1,#i2,#i3{width: 150px}
#b4,#b5{color:black}
#question{border-style:solid;
      border-color: rgba(128,128,128, 0.4);
      border-width:2px;
      border-radius:10px;
      padding:5px 10px;
      margin:7px;
      width:280px;
      background-color: white;
      font-size: 1em;
      text-align:center;
}
#question span{font-size: 0.8em; text-align: center}
#clue{color: darkslateblue}
#clue form{text-align: left;}
#clue dl{font-size: 1.1em; line-height: 1.5em;}

#answer{border-style:solid;
      font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
      border-color: rgba(50,100,100, 0.5);
      border-width:2px;
      border-radius:10px;
      padding:5px 10px;
      margin:7px;
      width:280px;
      background-color: white;
      font-size: 0.8em;
      text-align:left;
}
.r{color: red;}
#results{position:relative; top: 5px;}
input button:hover{background:rgb(255,221,0);cursor:pointer;}
.highlight{background-color: yellow;}
