canvas {
    border: 5px solid #1aa3ff;
    background-color: aliceblue;
    border-radius: 30px;
}

body {
    background-image: url(moutain.png);
    background-size: cover;
}

.button {
    background-color: green;
    border-radius: 30px;
    border: 2px solid #1aa3ff;
    color: white;
    font-family: 'sans serif';
    font-weight: bold;
    margin: 2px;
    padding: 8px 8px;
    box-shadow: 2px 2px grey;
    text-shadow: 2px 2px grey;
}

.button:disabled {
    background-color: green;
    border-radius: 30px;
    border: 2px solid #1aa3ff;
    color: white;
    font-family: 'sans serif';
    font-weight: bold;
    margin: 2px;
    padding: 8px 8x;
    opacity: 0.3;
    box-shadow: 0px 0px grey;
    text-shadow: 2px 2px grey;
}

title {
    color: #1aa3ff;
}

h1 {
    color: white;
    text-shadow: 2px 2px grey;
    font-family: Arial;
}

.message {
    color: white;
    text-shadow: 2px 2px grey;
    font-family: Arial;
}

.message2 {
    color: white;
    text-shadow: 2px 2px grey;
    font-family: Arial;
}