.button {
    padding: 1px 6px;
    border: 1px outset buttonborder;
    border-radius: 3px;
    color: blue;
    background-color: buttonface;
    text-decoration: bold;
}

body {
  color: white;
  font-family: Cursive, Trebuchet;
  background-color: #f0f0f0; 

    /* The gradient itself */
    background-image: linear-gradient(to right, blue, black);

    /* Ensures the gradient covers the entire viewport height */
    min-height: 100vh; 
    
    /* Prevents the gradient from repeating if content is short */
    background-repeat: no-repeat; 
    
    margin: 0; /* Remove default body margin */
}