/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



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

body {
  color: white;
  font-family: Verdana, Arial;
  background-color: #f0f0f0; 

    /* The gradient itself */
    background-image: linear-gradient(to right, green, 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 */
}