.button {
  background-color: #c8c8c8; /* Button background color */
  color: #000000; /* Text color */
  padding: 10px 20px; /* Spacing inside the button */
  text-align: center; /* Center the text */
  text-decoration: none; /* Remove underline from the link */
  border-radius: 5px; /* Add rounded corners */
  display: inline-block; /* Allows padding and other box model properties */
  font-family: sans-serif; /* Example font */
}

.button:hover {
  background-color: #454545; /* Darken the color on hover */
}


body {
  background-color: #18c286; /* Light background color */
}

.title{
    background-color: #1304ef; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    justify-content: center;
}

.WordBlock {
    background-color: #16b304; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
}
.WordBlockWithHover {
    background-color: #16b304; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
}
.WordBlockWithHover:hover{
    background-color: #0c5604;
}
.BlueBlock {
    background-color: #1304ef; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
}



.corner {
  position: fixed; /* Positions the image relative to the viewport */
  top: 10px;       /* Align to the bottom edge of the screen */
  right: 0px;        /* Align to the right edge of the screen */
  z-index: 100;    /* Ensure the image appears on top of other content */
}

.Timer{
    background-color: #3b57e0; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: medium;
}

.Score{
    background-color: #e03b3b; /* Button background color */
    color: #f0f0f0; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: medium;
}
.Input{
    background-color: #f0f0f0; /* Button background color */
    color: #000000; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: large;
}



.eQUICKtionsCellTop {
    background-color: #ffd700; /* Gold color for top cells */
    color: #000000; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: large;
}

.eQUICKtionsCellMid {
    background-color: #ffa500; /* Orange color for middle cells */
    color: #000000; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: large;
}

.eQUICKtionsCellBot {
    background-color: #ff4500; /* Red-Orange color for bottom cells */
    color: #000000; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: large;
}
.EquationDisplay {
    background-color: #ffffff; /* White background for the display area */
    color: #000000; /* Text color */
    padding: 10px 20px; /* Spacing inside the button */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from the link */
    border-radius: 5px; /* Add rounded corners */
    display: inline-block; /* Allows padding and other box model properties */
    font-family: sans-serif; /* Example font */
    font-size: large;
}

.Halloween-Image{
    position: fixed;
    top: 10px;
    right: 0;
}