/**
Name: PRLogan
Date: 03/18/2026
Purpose: Custom CSS Styling
CIS2286 Assignment 4
*/

/*Google Fonts*/
.fontdiner-swanky-regular {
    font-family: "Fontdiner Swanky", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 350%; /*Increase Font Size*/
}

.comic-relief-regular {
    font-family: "Comic Relief", system-ui;
    font-weight: 400;
    font-style: normal;
    font-size: 150%; /*Increase Font Size*/
}

/* Container Div */
#container{
    margin: 10px 250px;
    padding: 15px;
    border: #cab829 solid 5px;
    background-color: #586351;
    color: white;
}
/* Error Messages CSS */
.errorStyle {
    display: none;
    color: red;
}

/* Styling for the Output Container */
#outputDiv {
    text-align: center;
    font-size: 200%;
    padding: 10px;
    margin: auto;
    border: 4px solid #073397;
    background-color: white;
    display: none; /*Hidden until processed*/
}

/* Styling for Hint Buttons */
.hintButton {
    background-color: #68bf9e;
    margin: 5px;
    color: white;
}
.hintButton:hover {
    background-color: #49f3b8;
    color: black;
}