#rollButton1 {
    margin-left: 35px;
}
[type=button]{
    border:2px solid black;
    border-radius: 20px;
    background-image: linear-gradient(pink,hotpink);
    box-shadow: 4px 4px 4px #333333;
    padding: 12px;
}
[type=button]:hover {
    border:2px solid red;
}

[type=button]:active {
    background-image: linear-gradient(hotpink,pink);
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}
#wrapper{
    width: 381px;
    margin: 2em auto;
}
#rolls{
    margin: 2em auto;
}
footer{
    text-align: center;
}