.btn
{
    width:100%;
    font-size:20px;
    float:left;
}
.text
{
    font-family: 'Trocchi', serif;
    color:red;
}
.back-color
{
    background-color:black;
}
img
{
    padding: 15px;
}
img:hover
{
    opacity: .6;
}
.center
{
    text-align: center;
}
.footer
{
    margin:15px;
    background-color:grey;
}
a
{
    font-size:20px;
    color:red;
}
a:hover
{
    color:black;
    font-size:20px;
}
.button
{
    text-decoration: none;
    background-color:#D3D3D3;
}
.button:hover
{
    text-decoration: none;
}
.button2
{
    background-color: red;
}
.desc
{
    display:none;
    background-color: #f2f2f2;
    border:1px black solid;
    margin-top:10px;

}
.red
{
    color:black; 
    background-color:red;
    opacity:.5;
}
.hide
{
    display:none;
}
.padding
{
    margin:15px;
}
input[type=text]
{
    width:50%;
}
input[type=text]:focus {
    Â Â Â  border: 3px solid #555;
    width:50%;
} 
form
{
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
.black
{
    color:black;
}