style.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+AU+NSW:wght@100..400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Spice&display=swap');


section[data-testid="stSidebar"] div.stButton button {
    border: none;
    color: white;
    padding: 10px 10px; /* Explicit padding values */
    text-align: justify;
    text-decoration: none;
    font-size: 15px;
    margin: -2px -2px; /* Adjusted margin */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    max-width: 200px;
    white-space: normal; /* Allow text to wrap */
    font-style: italic;
    font-family: 'Poppins';
    font-weight: 200;
    line-height: 1.4; /* Improve readability for wrapped text */
    min-height: 80px; /* Ensure a minimum clickable area */
}

section div.stButton button:hover {
    background-color: black; /* Darker color on hover */
    transform: scale(1.1);
    transition: 0.55s;
}


img[data-testid="stLogo"] {
    height: auto;
    width: 10rem;
    margin: 0.5rem;
    position: relative;
    top: -5;
    left: -5;
}

.title {
            font-family: "Playwrite AU NSW", cursive;
            color: #4CAF50;
            text-shadow: 2px 2px #000000;
            font-size: 30px;
            font-weight: bold;
            margin-bottom: 1rem;
            text-align: center;
}

.title span{
            color: red;
            font-size: 40px;
            font-weight: 500;
}

.title span:last-child{
             color: green;
}