body{text-align:center;color:red;font-family:"Verdana";font-size:12pt;
background-image:url("images/logo.jpg");
background-size: 500px 380px; 
background-repeat:repeat;
background-position:center;}
h1{font-family:"Comic Sans MS";font-size:200%;
margin:.5em 0 0 0;
text-shadow:2px 2px black;}
h2{font-family:serif, Times, "New Times Roman";font-size:200%;
margin:.5em 0 0 0;
text-shadow:0px 0px gray;}
h3{color:black;font-size:200%;
margin:.5em 0 0 0;
text-shadow:1px 1px red;}
#credit{position:relative;right:1%;bottom:50%;}
h5{color:black;font-size:80%;
margin:0em 0 0 0;
text-shadow:0px 0px red;}
#base{width:100%;position:relative; bottom:0px; right:0px;text-align:center;margin:2em 0 1em 0;}
.icon{float:center;padding:0 2em  0 0;}
#player{margin-bottom:0em;}
#main{
text-align:center;width:40%;height:100%;
margin:2% auto;
background:#ccc;
padding:1em;
border: 3px solid black;
border-radius: 25px;box-shadow: 10px 10px lightblue;
}
#spa{color:green;font-size:300%;text-shadow:2px 2px red;}
#title{font-size:2em; color: green;}
#rates{color:blue;visibility:visible;float;left;position: absolute; left:4em;bottom:12em;background:#ccc;
padding:1em;}

button{margin:1em auto;
background-color: white;
  border: 2px solid red;
  color: black;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  border-radius: 50%;
  transition-duration: 0.4s;}

button:hover {
  background-color: black;
  color: white;
  box-shadow: 12px 0 12px 0 gray, 0 12px 0 12px red;
 font-size: 18px;transition-duration: 0.2s;
 }
 
  button:active {
  background-color: white;
  color: black;
  box-shadow: 16px 16px 16px 16px gray, 12px 0 12px 0 red;
 font-size: 28px;}