/* Button Styles */
.button {
        font-family: "Bakersville", serif;
        font-size: 32px;
        margin: 0;
        padding: 10px 20px;
        border: solid 2px #532774;
        border-radius: 15px;
        background-color: rgb(149, 98, 168);
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
}
.button:hover {
        background-color: rgba(149, 98, 168, .5);
        color: black;
}
.button:active {
        background-color: #532774;
        color: #ffffff;
}
.button:visited {
        color: #9a4cde;
}