html{
font-family: Baskerville Old Face, Verdana sans-serif;
font-size: 24px;
}
.container{
    width:500px;
    margin:0 auto;
    text-align: center;
}
.button{
    background: #c6c8cc;
    text-decoration: none;
    color:white;
    padding: 10px;
    }
/*aici am stilizat felul in care arata un buton in general*/
 
/*urmatorul pas e sa construim clasele pentru culorile cu butoane*/
 
/*stilizam butonul albastru*/
.albastru{
    background: #0000CD;
    box-shadow: 0 5px #05329c; /*aici am pus umbra de sub buton si culoarea umbrei*/
    border-radius: 5px; /*aici am rotunjit colturile*/
}
.albastru:hover{/*aici am setat culoarea atunci cand utilizatorul e cu mouse-ul peste buton */
    background: #05329c;
}
 
/*sfarsit butonul albastru*/
.galben{
    background: #00FFFF;
    border-radius: 3px;
	font-family: Baskerville Old Face;
	font-size: 18px;
}
.galben:hover{
    background: #E0FFFF;
}
.rosu{
background: red;
    box-shadow: 0 5px #cc2206;
    border-radius: 5px;
}
.rosu:hover{
    background: #cc2206;
}
.verde{
background: green;
    box-shadow: 0 5px #0b4502;
    border-radius: 5px;
}
.verde:hover{
    background: #0b4502;
}
.portocaliu{
background: orange;
    box-shadow: 0 5px #ad5c05;
    border-radius: 5px;
}
.portocaliu:hover{
    background: #ad5c05;
}