/* CSS for coffee app */

body
{
font-family: Calibri, sans-serif;
background: #4E3B31;
color: black;
}

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

p
{
padding-left: 20px;
}

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

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

.textblock:focus
{
background: #FFFFFF;
border: 3px solid #FFFF00;
outline: none;
}
form input[type="text"]
{
width: 150px;
}

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

button:hover
{
background: grey;
}