html
{ 
} 

body
{
  height: auto;
  width: auto;
  
}

*
{ margin: 0;
  padding: 0;}

hr {
    border: 0;
    height: 1px;
  background-image: -webkit-linear-gradient(left, yellow, blue, red);
background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

iframe{
    overflow:hidden;
    background-color:grey;
}

img
{ border: 0;}

h1, h2, h3, h4
{ 	font: normal 250%;
  	color: white;
  	font-weight: bold;
	font-family: Cambria;
}
h2
{ font: normal 300%;
  color:gold;
}

h3, h4
{ 
  font: normal 150%;
  color: #A4AA04;}

h4
{ font: italic 100%;
  color: #000;}

a 
{ outline: none;
  font-family: Cambria, Georgia, serif;
  text-decoration: NONE;
  color: white;}
 

#first, #standings, #scores, #teams
{ 	
	margin: auto;
}

#logo, #first
{
width:100%;
height:100%;
background: #008CBA;
background: linear-gradient(to bottom right, #520008, #000000);
}


#standings, #second
{
background-color: #005d17;
background: linear-gradient(to bottom right, #0C4700,#000000);
}

#teams, #third
{
background-color: #BA8B00;
background: linear-gradient(to bottom right, #246B61, #000000);
}

#scores, #fourth
{
background-color: #a91244;
background: linear-gradient(to bottom right, #AA8239, #000000);
}

.box
{
  display: block;
  background: #bbbbbb;
  background: linear-gradient(grey, #bbbbbb, white);
}

#footer, #last
{ width: 100%;
  position:fixed; 
  left:0px; 
  bottom:0px; 
  height:20px; 
  padding: 5px 0 5px 0;
  font: normal 100% 'lucida sans unicode', arial, sans-serif;
  text-align: center; 
  z-index: 2;
  background: #ba2e00;
  background: linear-gradient( #ba2e00 , #5D1700);
  border-style: solid;
  border-width:1px;
  border-color:#696969;
  letter-spacing: 0.1em;}

#footer a
{ color: white;
  text-transform: uppercase;
  text-decoration: none;}

#footer a:hover
{ color: yellow;
}



.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
}