body{
    background-color: #ECE3CE; 
}
#title{
    font-family: "redonda-compressed", sans-serif;
    font-weight: 700;
    font-style: italic;
    font-size: 35pt;
    font-stretch: expanded;
    text-align: center;
    color : #9F8EBC;
    background-color: #5F6F65;
    width:700px;
    height:80px;
    padding-top: 20px;
    margin:auto;
    border-radius: 8px;
    filter: saturate(200%);
}
.pic{
    width: 120px;
    height:140px;
    border-radius: 9px;
   
    margin: 10px;
}
#mainpic{
    width: 300px;
    height:320px;
    border-radius: 9px;
    position: absolute;
    left: 700px;
    top: 500px;
}
#cup {
    position: absolute;
    width:800px;
    min-height:750px;
    top:20%;
    left: 30%;
}
#panel{
    position:absolute;
    top: 130px;
    width: 370px;
    height:850px;
    margin-left:none;
    filter: saturate(200%);
}
#namcoffeepic{
    position: absolute;
    top: 200px;
    left: 120px;
}
#alchemistcoffeepic{
    position: absolute;
    top: 350px;
    left: 120px;
}
#obetdelpic{
    position: absolute;
    top: 500px;
    left: 120px;
}
#staggerpic{
    position: absolute;
    top: 650px;
    left: 120px;
}
#tycoffeepic{
    position: absolute;
    top: 800px;
    left: 120px;
}
#bigpic{
    width: 300px;
    height:320px;
    border-radius: 9px;
    position: absolute;
    left: 10px;
    top: 6px;

}
#maincaption{
    font-size: 16pt;
    width:500px;
    font-family: "redonda", sans-serif;
    color: white;
    position: absolute;
    top: 350px;
    left:5px;
}