body {
    background-color: whitesmoke;
}

h2 {
    text-align: center;
}

p {
    text-align: center;
    padding: 1%;
}

.btn-group-vertical {
    text-align: center;
}

#main {
    padding-top: 2%;
    width: 70%;
    margin: auto;
    text-align: center;
}

nav {
    padding-left: 10px;
}

input {
    text-align: center;
    width: 100%;
    min-width: 300px;
    max-width: 500px;
}

#definitionButton {
    text-align: center;
    width: 100%;
    min-width: 300px;
    max-width: 500px;
}

#confirm {
    width: 100%;
    min-width: 138px;
    max-width: 250px;
}

#word {
    visibility: hidden;
}

#nextWordButton {
    width: 100%;
    min-width: 138px;
    max-width: 250px;
}

#buttonStack {
    text-align: center;
    width: 50%;
    min-width: 300px;
    max-width: 500px;
}

#answerCheck {
    text-align: center;
    visibility: hidden;
}

#definition {
    visibility: hidden;
}

#etymology {
    visibility: hidden;
}



#aboutParagraph {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#timer { 
    visibility: hidden;
}

#progressBar {
    background-color: silver;
}

#progressNumbers {
    background-color: whitesmoke;
    text-align: center;
}

#progressTable {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    min-width: 300px;
}

hr {
    visibility: visible;
}

th {
    border: 2px solid black;

}

td {
    border-bottom: none;
    width: 10%;
}