:root {
    --primary: rgb(0, 47, 135);
    --secondary: #FFB819;
    --highlight: #FFB819;
    --primary-font: "Sintony", sans-serif;
    --secondary-font: 'helvetica neue';
}

header .top-header {
    font-family: var(--secondary-font);
}

#game-board {
    font-family: var(--secondary-font);
}

#game-board .board-header {
    font-family: var(--primary-font);
}

#board-generator:hover {
    background-color: var(--highlight);
}

#submit-phrase-button {
    background-color: var(--highlight);
}
#submit-phrase-button:hover {
    background-color: var(--primary);
}

ul.social-links li a:hover {
    color: var(--highlight) !important;
}

.modal .setting-wrapper {
    width: 100% !important;
    float: none;
    justify-content: center;
}