/* css for Coffee App*/

body
{
font-family: Calibra, sans-serif;
background: #333333;
color: #CCCCCC;
}

.container
{
height: 625px;
width: 360px;
margin: 30px auto;
background: #556600;
border: 2px solid #FFFFFF;
border-radius: 20px;
}

h1
{
background: #000000;
color: white;
margin: 5px;
padding: 10px 100px;
text-transform: uppercase;
font-family: Cooper Std Black;
font-size: 18px;
font-weight: normal;
border-radius: 20px;
}

p
{
padding-left: 20px;
}

form input[type="text"]
{
width: 150px;
}

button
{
background: #999900;
border-radius: 10px;
color: white;
display: block;
font-size: 18px;
font-weight: bold;
margin: 10px 75px;
height: 50px;
width: 160px;
text-transform: uppercase;
}

button:hover
{
background: #4C2827;
}

.textblock
{
background: #F7F7F7;
color: #FF0000;
font-size: 14px;
padding: 5px;
width: 60%;
}

.textblock:focus
{
background: #FFFFFF;
border: 3px solid #FFFF00;
outline: none;
}