* {
    margin: 0;
    box-sizing: border-box;
}
body {
    background-color: #1f4b6a;
    text-align: center;
}
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    display: table
}
main {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

h1 {
    font-family: "Comic Sans MS", "ink free", calibri, Arial;
    font-size: calc(16px + 2.4vw);
    font-weight: 900;
    color: #779CB7;
    margin-bottom: 1.5vw;
    text-align: center;
}
.ButtonStyle {
    font-family: "Comic Sans MS", "ink free", Calibri, Arial;
    font-size: calc(10px + 1vw);
    font-weight: 700;
    border-radius: calc(6px + 1.2vw);
    height: auto;
    padding: 0.3vw 3vw;
    background-color: #779CB7;
    color: #1b425e;
    border: 0.2vw outset #1f4b6a;
    margin-top: calc(0.4vw + 10px);
    text-align: center;
}
.ButtonStyle:hover {
    background-color: #CCE5FF;
    border: 0.2vw inset #1f4b6a;
}
.ButtonStyle:focus {
    outline: none;
}
.UserInputCSS{
    background-color: #CCE5FF;
    border: 0.2vw outset #1f4b6a;
    border-radius: calc(6px + 1.2vw);
    font-family: "Comic Sans MS", "ink free", calibri, Arial;
    font-size: calc(10px + 1vw);
    font-weight: 900;
    color: #1b425e;
    text-align: center;
    width: calc(75px + 15vw);
}
.UserInputCSS:focus {
    outline: none;
    border: 0.2vw inset #1f4b6a;
}
.bodyText {
    font-family: "Comic Sans MS", "ink free", calibri, Arial;
    font-size: calc(12px + 1.2vw);
    color: #72a0bd;
    text-align: center;
    font-weight: 900;
    margin-bottom: 0.5vw;
}
.inlineStyle {
    display: inline;
}
.bodyText2 {
    font-family: "Comic Sans MS", "ink free", calibri, Arial;
    font-size: calc(9px + 0.9vw);
    color: #72a0bd;
    text-align: center;
    font-weight: 900;
    margin-bottom: 0.5vw;
}
#Score {
    margin-top: 1.2vw;
}
table {
    border-collapse: collapse;
    border:solid #1b425e 5px;
    width: 70%;
    margin: 0 auto;
  }
  
  th, tr {
    text-align: left;
    padding: 8px;
    border:solid #1b425e 5px;
    border-collapse: collapse;
    
  }
  

  
  th {
    background-color: #72a0bd;
    color: #1b425e;
  }
  td {
    background-color:#1b425e;
    color: #72a0bd;
    border:solid #1b425e 5px;
  }