@charset "utf-8";

body
{
background-color:#111111;
font-family:arial,verdana,sans-serif;
font:14px arial;
color:white;
}

h1
{
color:white;
font:28px arial;
font-weight:bold;
}

h2
{
color:white;
font:24px arial;
}

h3
{
color:white;
font:20px arial;
}

h4
{
color:white;
font:16px arial;
}

p
{
font-family:courier,arial,helvetica;
font:14px arial;
}

li
{
align:left;	
color:gray;
}

audio
{
background-color:#551A8B;
}

form
{
font-family:courier,arial,helvetica;
font:16px arial;
color:yellow;
background-color:#111111;	
width: 40%;
}

input
{
align:center;
width:80%;
padding:10px;
margin: 10px 0;
border:5px;
border-bottom:5px solid;
}

input[type=submit]
{
align:center;
width:85%;
padding:10px;
margin: 10px 0;
border:5px;
border-bottom:5px solid;
color:green;
background-color:lightblue;
cursor:pointer;
}

input[type=button]
{
align:center;
width:85%;
padding:10px;
margin: 10px 0;
border:5px;
border-bottom:5px solid;
color:magenta;
background-color:lightblue;
cursor:pointer;
}

a:link 
{
color:gray;
text-decoration:none;
}

a:visited 
{
color:yellow;
}

a:hover 
{
color: #ff9900;
font-weight:bold;
}

a:active 
{
color: red;
}