body {
    font-family: Arial, Helvetica, sans-serif;
}
h1 {
text-align: center;
}
form {
background-color: rgb(200, 229, 255);
padding: 15px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.pakollinen {
    color:crimson
}
.levee {
    font-family: inherit;
    font-size: inherit;
    padding: 0.2em;
    width: 100%;
    box-sizing: border-box;
}
.nappi {
    border: none;
    background-color:rgb(159, 159, 255) ;
    color: beige;
    padding: 6px;
    width: 100%;
    font-size: 20px;
    letter-spacing: 1px;
    box-shadow: 2px 2px 0px rgba(0,0,0,0.3);
}
.nappi:active {
    position: relative;
    left: 2px;
    top: 2px;
    box-shadow: none;
}
.numero {
    font-size: 1.5em;
    width: 3em;
    text-align: right;
}
table {
    width: 100%;
}
table input {
    width: 100%;
    margin: 0;
}
.vasen, .keski, .oikea {
    width: 33%;
}
.keski {
    text-align: center;
}
.oikea {
    text-align: right;
}