/*
    Author: Fred
    Styling for pointy thing website
*/

*{
    color: grey;
    font-family: Arial, Helvetica, sans-serif;
}

html,body{
    height:100%;
    margin:0px;
    background-color: lightblue;
}

h1{
    font-size: 1.5em;
    margin:0;
    padding: 0.5em;
    color: rgb(225, 65, 185);
}

p {
    padding: 2px;
    font-size: 1em;
    text-align: center;
}

#bg{
    background-image: url("bar.jpg");
    background:url("bar.jpg");
    height: 200%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.panel{
    width:50%;
    height: auto;
    margin: auto;
    padding: 5px;
    background-color: whitesmoke;
    border-radius: 8px;
    text-align: center;
}

.panel-image{
    width:250px;
    height: auto;
    margin: auto;
    padding: 5px;
    background-color: whitesmoke;
    border-radius: 8px;
    text-align: center;
}

table.center {
    margin-left: auto; 
    margin-right: auto;
}

#drink-image{
    max-width:225px;
    height:auto;
}

#drink-list{
    display:block;
    margin-left: auto;
    margin-right: auto;
    width:80%;
    margin-bottom: 2em;
}

td, th {
    border: 1px solid #999;
    padding: 0.5rem;
    text-align: center;
}