html {
    font-size: 10pt;
    font-family: "Poppins", sans-serif;
    background-color: rgb(13, 174, 255);
}

body {
    width: 70%;
    padding: 0 50px 20px 50px;
    border: 5pt solid black;
    border-radius: 50px;
    background-color: white;
    margin: auto;
}

#main-logo {
    display: block;
    margin: auto;
    width: 30%;
    padding: 10pt;
}

h1 {
    font-size: 30pt;
    text-align: center;
}

h3 {
    font-size: 20pt;
    text-align: center;
}

p,
li {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 1px;
}

button {
    display: block;
    margin: auto;
    margin-top: 20pt;
    border: 2pt solid black;
    background-color: rgb(255, 105, 24);
    color: white;
    font-size: 13pt;
    border-radius: 20pt;
    padding-top: 5pt;
    padding-bottom: 5pt;
    padding-left: 10pt;
    padding-right: 10pt;
    box-shadow: 0pt 2pt 10px rgb(100, 100, 100);
}

div {
    display: block;
    margin: auto;
    width: fit-content;
}

.number {
    width: 100pt;
    height: 70pt;
    border: 4pt solid black;
    border-radius: 30pt;
    text-align: center;
    font-size: 19pt;
    background-color: rgb(0, 149, 255);
}