.vari2{ color: BLUE; } .poksi1 { background-color:RGB(239,245,245); width: 40%; border: 1px solid BLUE; padding: 10px; margin: 20px; } .painike { background-color: rgb(18, 109, 98); /* Turkoosin sävy */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; font-size: 16px; cursor: pointer; -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.2s; margin-left: auto; /*margin ja display sijoittaa painikkeen keskelle*/ margin-right: auto; display: block; } .painike:active { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3), 0 6px 20px 0 rgba(0,0,0,0.19); background-color: rgb(29, 175, 158); /* Turkoosin vaaleampi sävy */ } .keskitys{ text-align: center; }